РЕАКТИРУЙТЕ используя Ref
правда ли, цель Ref замена document.getElementById ??
После того, как я применил реакцию, мне не следует использовать document.getElementById для доступа к DOM для получения данных?
Я обнаружил, что в какой-то статье говорится, что мы можем применить this.refs для доступа к DOM
<input ref = "test" value = "option" id = "option4"/>
console.info(this.refs.test);
Но он может работать только внутри метода внутри компонента, что, если я хочу показать входное значение в консоли (инструменты разработчика)?
Ответы 1
В каком-то смысле это правда, потому что react использует свой виртуальный dom и алгоритм различий для отслеживания изменений и отражения в dom. Если вы используете прямой api для доступа к dom. React не может получить к нему доступ в своем виртуальном домене.
Вот почему у них есть уникальные я бы или ключи, как и в DOM, для управления элементами (компонентами) как узел.
Если вы видите компоненты подтверждения-оповещения, используемые в пакетах npm, они создадут элемент и отобразят его как элемент с помощью ReactDOM. Как только тостер закончен, он не удаляется напрямую из ДОМ.
Сначала его нужно найти в reactVirtualDom, используя api findDomNode в https://reactjs.org/docs/react-dom.html#finddomnode
затем он размонтируется с помощью unmountComponentAtNode. https://reactjs.org/docs/react-dom.html#unmountcomponentatnode
Например: https://github.com/GA-MO/react-confirm-alert/blob/master/src/index.js
Таким образом, ссылки используются для преодоления прямых манипуляций с DOM и изменений, которые влияют или влияют на процесс рендеринга реакции.
это похоже на старую запись, перейдите к этому ссылка на сайт и напишите, как вы должны