JS.REACT.NO.RENDER.RETURN.VALUE
Prevent usage of the return value of React.render
ReactDOM.render()
currently returns a reference to the rootReactComponent
instance. However, using this return value is legacy and should be avoided because future versions of React may render components asynchronously in some cases. If you need a reference to the rootReactComponent
instance, the preferred solution is to attach a callback ref (https://reactjs.org/docs/refs-and-the-dom.html#callback-refs) to the root element.
Source: ReactDOM documentation (https://facebook.github.io/react/docs/react-dom.html#render)
Rule Details
This rule will warn you if you try to use the ReactDOM.render()
return value.
Examples of incorrect code for this rule:
Copy
const inst = ReactDOM.render(<App />, document.body);
doSomethingWithInst(inst);
Examples of correct code for this rule:
Copy
ReactDOM.render(<App ref={doSomethingWithInst} />, document.body);
ReactDOM.render(<App />, document.body, doSomethingWithInst);