Соединение реактивной тяги и редукции - PullRequest
Новая
       17

Соединение реактивной тяги и редукции

0 голосов
/ 26 февраля 2019

Я пытаюсь добавить в поле формы-редукса тип редактора из реактивного черновика-wyswig.Когда я читаю из документов в формате избыточной формы, мне нужно подключить его с помощью value и onChange свойств в Поле компонента (из redux-form).

Я создал компонент с дополнительным свойством значение , в котором хранится html-код текущего wyswig-редактора: 

class WYSWIGField extends Component {

constructor(props) {

    super(props);
    this.state = { editorState: EditorState.createEmpty(), value: '' };
    this.onChange = this.onChange.bind(this);
}

onChange(editorState){
    this.setState({ editorState: editorState,
                          value: draftToHtml(convertToRaw(editorState.getCurrentContent()))});
    //console.log(this.state.value);
};

render() {
    return (
        <div>
            <Editor
                editorState={this.state.editorState}
                onEditorStateChange={this.onChange}
            />
        </div>
    );
}
}

Моя форма: 

  <form onSubmit={handleSubmit(this.props.addPost)}>
      <Field name="editor" component={WYSWIGField}/>
      <button type="submit">Add post</button>
  </form>

Экспорт:

export default connect(null, { addPost })(
               reduxForm({form: "AddPostForm"})(Posts));

И действие создатель, где я всегда получаю пустой объект без своих значений из редактора: 

 export function addPost(prop) {

console.log("prop", prop);

return{
    type: ADD_POST,
    payload: prop
};
}

Может ли кто-нибудь помочь мне с этим?Где я ошибся?

Спасибо

...