How to create refs in react constructor function in es7?

Question

How to create ref and access the ref in 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
    }
 }

Baboo · Accepted Answer · 2019-02-25 21:59:30Z

1

Create the ref in the constructor like this:

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

    this.myRef = React.createRef();
  }

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

Here is the documentation.

answered Feb 25, 2019 at 21:59

Baboo

4,3184 gold badges24 silver badges41 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to create refs in react constructor function in es7?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related