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

74
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/

READ ALSO
Как сделать плавный скролл? [дубликат]
jQuery

Как сделать плавный скролл? [дубликат]

Есть сайт генератор паролейТам при нажатии на кнопку идет плавный скролл

 80
Проверить, является ли выделенный текст жирным? C#
c#

Проверить, является ли выделенный текст жирным? C#

Есть текст в richTextBox1Как проверить, является ли выделенная область жирным текстом?

 53
Передать в Invoke параметр с ref
c#

Передать в Invoke параметр с ref

Пытаюсь использовать Invoke для того, чтобы использовать winform-контролы в другом потокеИ один из аргументов у меня по задумке должен быть ref

 163
Доступ к control-у не из того потока, в котором он был создан без Invoke
c#

Доступ к control-у не из того потока, в котором он был создан без Invoke

Раньше я часто использовал Invoke для решения подобных проблем, и проблем никогда не былоНо слышал, что с появлением async/await эта проблема решена

 73