Какой метод правильно использовать React ref?

Question

Я пытаюсь использовать реактивные ссылки. Я искал об этом, и я нашел 2 способа для реализации ссылок.

Метод первый:

constructor(props) {
  this.Modal = React.createRef();
}

<Modal ref={this.Modal} />

Метод два:

show() {
  this.refs.Modal.SHOW();
}

<Modal ref="Modal" />

Первый метод - через React.createRef, а второй - простой.

И я должен сказать, что эти два метода работают правильно ...

Спасибо

Answer 1

Ваш второй метод, который использует строковые ссылки, является устаревшим и вскоре будет удален из react ( см. ).

Первый - доступен с Реакция 16.3 .

Если вы используете react ниже 16,3 - пожалуйста, рассмотрите другой метод - callback refs .

constructor(props) {
  super(props);

  this.modal = null;

  this.setModalRef = element => {
    this.modal = element;
  };
}

<Modal ref={this.setModalRef} />