javascript - React 没有显式导出 forwardRef 吗？

Question

更新:下面的实现没有任何问题。该错误是由于 react-redux 升级引起的，因为 redux 现在依赖于功能组件而不是类组件。

import React, { forwardRef } from 'react'

const DivWithRef = forwardRef((props, ref) => {
  return(
    <div ref={ref} {...props}>
      {props.children}
    </div>
  )
})

class AClassComponent extends Component {
  render() {
    return (
      <DivWithRef ref={me => this.node = me} />
    ) 
  }
}

当我尝试这个时，我得到了错误:

Warning: Function components cannot be given refs. 
Attempts to access this ref will fail. Did you mean to use React.forwardRef()?

React 没有显式导出 forwardRef 吗？

我已经使用这段代码一段时间了，它从未引起任何问题。在我更新到 React 16.8 后，我开始收到上面的警告，但我的应用程序仍然可以访问 DOM Ref，即使 React 声称它不应该能够访问。

Answer 1

你想这样做:

constructor() {
  this.node = React.createRef();
}
// more code
render() {
  return <DivWithRef ref={this.node} />;
}

您的其余代码是正确的。