如何在es7的react构造函数中创建引用?

时间:2019-02-25 21:55:14

标签: reactjs

如何创建引用并在es7中访问引用。

class SomeComponent extends Component {
  state = {
    count: 0,
    this.myRef = React.createRef() //error
    myRef: React.createRef(), // Unused state field: 'myRef'  
  }

  render() {
    return <div ref={this.myRef} />; //error  
           <div ref={myRef} /> // error 'myRef' is not defined
    }
 }

1 个答案:

答案 0 :(得分:1)

像这样在构造函数中创建引用:

class SomeComponent extends Component {
  constructor(props) {
    super(props);

    this.myRef = React.createRef();
  }

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

这里是documentation