Как создавать ссылки refs? в REACT

Привет, Вы узнаете о том , что такое Как создавать ссылки refs? в REACT, Разберем основные их виды и особенности использования. Еще будет много подробных примеров и описаний. Для того чтобы лучше понимать что такое Как создавать ссылки refs? в REACT , настоятельно рекомендую прочитать все из категории Выполнение скриптов на стороне клиента JavaScript, jqvery, JS фреймворки (Frontend).

Есть два подхода

1. Это недавно добавленный подход. Ссылки создаются с использованием 
   React.createRef()
   метода и прикрепляются к элементам React через 
   ref
   атрибут. Чтобы использовать ссылки по всему компоненту, просто назначьте ссылку на свойство экземпляра в конструкторе.

class MyComponent extends React.Component {
  constructor(props) {
    super(props)
    this.myRef = React.createRef()
  }
  render() {
    return <div ref={this.myRef} />
  }
}

2. Вы также можете использовать подход ref callbacks независимо от версии React. Например, элемент ввода компонента панели поиска доступен следующим образом:

class SearchBar extends Component {
   constructor(props) {
      super(props);
      this.txtSearch = null;
      this.state = { term: '' };
      this.setInputSearchRef = e => {
         this.txtSearch = e;
      }
   }
   onInputChange(event) {
      this.setState({ term: this.txtSearch.value });
   }
   render() {
      return (
         <input
            value={this.state.term}
            onChange={this.onInputChange.bind(this)}
            ref={this.setInputSearchRef} />
      );
   }
}

Вы также можете использовать ссылки в компонентах функций, используя замыкания . Примечание . Об этом говорит сайт https://intellect.icu . Вы также можете использовать встроенные обратные вызовы ref, даже если это не рекомендуемый подход.

Исследование, описанное в статье про Как создавать ссылки refs? в REACT, подчеркивает ее значимость в современном мире. Надеюсь, что теперь ты понял что такое Как создавать ссылки refs? в REACT и для чего все это нужно, а если не понял, или есть замечания, то не стесняйся, пиши или спрашивай в комментариях, с удовольствием отвечу. Для того чтобы глубже понять настоятельно рекомендую изучить всю информацию из категории Выполнение скриптов на стороне клиента JavaScript, jqvery, JS фреймворки (Frontend)