Как менять value в зависимости от props??

Question

[campus1]

Всем привет.

Есть у меня пример.
https://codepen.io/anon/pen/bKyKWB?editors=0010

В editor я передаю пропс в котором есть контент. Он должен автоматов менятся в зависимости от данных в инпуте.
Как решить данную проблему??

Comments

[codefln]

<input type="text" onChange={this.handleChange}/>

Добавить onChange с вызовом

В handleChange добавить аргумент "e"

handleChange = (e) => {
  this.setState({
    value: e.target.value
  })
}

В рендер CKEditor прилетает value.

render() {
    console.log(this.props.value)
    return (
     
      <textarea
        name={this.elementName}
        value={this.props.value}
      />
    );
  }

[campus1]

codefln, Оно прилетает, но контент не меняется.

[campus1]

codefln, https://codepen.io/anon/pen/bKyKWB?editors=0010

[codefln]

campus1, Тут уже нужно смотреть на API плагина, вряд-ли он на лету схватит значение из textarea
Вам нужно в componentWillReceiveProps отслеживать получения пропсов и вызывать что-то вроде: CKEDITOR.update - С плагином не работал, его api не знаю

[campus1]

окей понял, спасибо

[Максим]

Почему не обновляется контент внутри компонента?? не то?