noRenderReturnValue

诊断类别：lint/correctness/noRenderReturnValue

¥Diagnostic Category: lint/correctness/noRenderReturnValue

JSX and TSX

自从：v1.0.0

¥Since: v1.0.0

防止使用 React.render 的返回值。

¥Prevent the usage of the return value of React.render.

ReactDOM.render() 当前返回对根 ReactComponent 实例的引用。但是，使用此返回值是遗留的，应该避免，因为 React 的未来版本在某些情况下可能会异步渲染组件。如果你需要对根 ReactComponent 实例的引用，则首选解决方案是将回调引用附加到根元素。

¥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.

来源：ReactDOM 文档

¥Source: ReactDOM documentation

示例

¥Examples

无效

¥Invalid

const foo = ReactDOM.render(<div />, document.body);

code-block.jsx:1:13 lint/correctness/noRenderReturnValue ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━

  ✖ Do not depend on the value returned by the function ReactDOM.render().
  
  > 1 │ const foo = ReactDOM.render(<div />, document.body);
      │             ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
    2 │ 
  
  ℹ The returned value is legacy and future versions of React might return that value asynchronously.
    Check the React documentation for more information.

有效

¥Valid

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

noRenderReturnValue

示例

无效

有效

相关链接