Как подключить компонент в html-реквизитах в реагирующем к редуксной форме - PullRequest
Новая
       10

Как подключить компонент в html-реквизитах в реагирующем к редуксной форме

0 голосов
/ 26 июня 2018

У меня проблема с реагирующим компонентом.Я хотел бы передать в html props реагирует компонент с формой редукса, но я получаю сообщение об ошибке:Вот компонент AssignDriverForm: 

class AssignDriverForm extends Component {
    handleSubmit = (data) => {
        console.log(data);
    }
    render() {
        return (
            <form onSubmit={this.handleSubmit}>
                <Field
                    name="message"
                    type="textarea"
                    autoComplete="off"
                    component="textarea" />
            </form>
        )
    }
}

AssignDriverForm = reduxForm({
    form: 'assignDriver'
})(AssignDriverForm)

export default AssignDriverForm;

Когда я изменяю его на компонент без избыточной формы, все работает нормально.Но я действительно не знаю, как это исправить.Не могли бы вы помочь мне?

1 Ответ

0 голосов
/ 27 июня 2018

Как говорится в сообщении об ошибке: найдите корневой компонент, в котором вы создаете свой магазин. (Примерно так в index.jx) 

const store = createStore(reducer)

Затем убедитесь, что вы завернули свой компонент в оболочку <Provider>. 

// render app
ReactDOM.render(
  <Provider store={store}>
    <App />
  </Provider>,
  document.getElementById('app')
)

Форма Redux использует обычное хранилище Redux, поэтому где-то вам нужно добавить этот редуктор в ваш основной редуктор. У вас может быть что-то вроде этого: 

// combine reducers
const reducer = combineReducers({
  myReducer,
  ...
  form: formReducer // for redux-form
})
...