API

Avoid usage of the return value of ReactDOM.render

Docs > コード分析 > Static Analysis Rules > Avoid usage of the return value of ReactDOM.render

このページは日本語には対応しておりません。随時翻訳に取り組んでいます。
翻訳に関してご質問やご意見ございましたら、お気軽にご連絡ください。

Metadata

ID: tsx-react/no-render-return-value

Language: TypeScript

Severity: Warning

Category: Best Practices

Description

Using the return value of the render method is a legacy feature. If you have a valid reason to reference the root React instance, you should assign a callback ref to the root component.

Non-Compliant Code Examples

const inst = ReactDOM.render(<App />, document.body);

Compliant Code Examples

ReactDOM.render(<App ref={doSomethingWithInst} />, document.body);

ReactDOM.render(<App />, document.body, doSomethingWithInst);

How to use this rule

1
2
rulesets:
  - tsx-react     # Rules to enforce TypeScript react.

Create a static-analysis.datadog.yml with the content above at the root of your repository
Use our free IDE Plugins or add Code Analysis scans to your CI pipelines
Get feedback on your code

For more information, please read the Code Analysis documentation

VS Code Extension

Identify code vulnerabilities directly in your
VS Code editor

JetBrains Plugin

Identify code vulnerabilities directly in
JetBrains products