0

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

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

5
  • 1
    $('textarea').val('bla bla').trigger('change'); //или просто .change()
    – InDevX
    23 дек 2019 в 0:29
  • если вы используете реакт, то вам стоит отказаться от jQuery, в нём нет смысла. Всё можно реализовать реактом гораздо проще.
    – ZiiMakc
    23 дек 2019 в 9:12
  • не срабатывает... Textarea обернут в реактовский компонент, и onChange задан на нем <Textarea className={styles.texteditor + " js-chat_form__message"} value={this.props.commentText} onChange={e => { onCommentTextChange(e.target.value); }} onHeightChange={() => this.setState(this.state)} autoFocus ref={(ref: any) => (this.editorRef = ref)} placeholder={this.choosePlaceholder()} />
    – kapush
    23 дек 2019 в 10:04
  • Я бы рада, но тогда придется переписывать большой скрипт чужой, а времени на это нет(
    – kapush
    23 дек 2019 в 10:07
  • stackoverflow.com/questions/23892547/…
    – Skywave
    23 дек 2019 в 10:51

1 ответ 1

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

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.