reactjs - React.createRef 始终为 null

Question

我可能在这里做了一些非常愚蠢的事情，但对于我的一生，我无法弄清楚为什么 ref 总是 null。

import React, { PureComponent } from 'react';

class MyComponent extends PureComponent {
  constructor(props) {
    super(props);
    this.myRef = React.createRef();
    console.log(this.myRef);
  }

  componentDidMount() {
    console.log(this.myRef);
  }

  componentWillUnmount() {
    console.log('unmounting');
  }

  render() {
    console.log(this.myRef);
    return (
      <div ref={this.myRef}>
        foobar
      </div>
    );
  }
}

控制台:

{current: null}
{current: null}
{current: null}

我使用的是 React 16.3。我错过了什么？

Answer 1

天哪，我使用的是react 16.3，但使用的是react-dom 16.2。将 React-dom 升级到 16.3 解决了这个问题。