В React input изменяется jQuery

18 января 2022, 22:50

Два скрипта взаимодействуют друг с другом: один написан на React, другой на jQuery. В React-компоненте есть textarea и есть событие onChange, которое изменяет state. Скрипт jQuery изменяет значение textarea, но onChange при этом не срабатывает. Возможно ли как-то вызывать onChange в реакт-компоненте при изменении textarea jQuery-скриптом?

Заранее спасибо за ответ

Answer 1

Нашла ответ. Можно осуществлть доступ к любому методу компонента, если создать ref и присвоить в window.

ReactDOM.render(<Page ref={(ourComponent) => {window.ourComponent = ourComponent}} />, document.getElementById("app")); ... //какой-то новый value в скрипте jquery window.ourComponent.setState(value) Источник: https://brettdewoody.com/accessing-component-methods-and-state-from-outside-react/