React.createRef始终为null

Question

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

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

omg,我当时正在做出反应16.3,但反应是16.2.碰撞反应到16.3修复了这个问题.