Skip to content

Latest commit

 

History

History
24 lines (15 loc) · 1.05 KB

no-render-return-value.md

File metadata and controls

24 lines (15 loc) · 1.05 KB

Prevent usage of the return value of React.render (react/no-render-return-value)

ReactDOM.render() currently returns a reference to the root ReactComponent 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 root ReactComponent instance, the preferred solution is to attach a callback ref to the root element.

Source: ReactDOM documentation

Rule Details

This rule will warn you if you try to use the ReactDOM.render() return value.

The following pattern is considered a warning:

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

The following patterns are not considered warnings:

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

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