Инициализировать форму реакции на пользовательском интерфейсе материала с состоянием Redux

Question

Я работаю над приложением React и использую Redux для управления состоянием.

У меня есть степпер, который имеет 3 формы в 3 шага. На последнем шаге я должен вызвать запрос к API. То, о чем я думаю, - это иметь избыточное состояние, содержащее все поля, распределенные в 3 формах. Теперь я могу обновить состояние избыточности на кнопке «Далее» на каждой пошаговой форме, но когда я возвращаюсь, я вижу пустую форму.

1. Мой подход правильный?
2. как просмотреть поля при смене степпера или обновлении страницы?

Ниже приведен код, который я пробовал до сих пор, но не знаю, как связать его с текстовым полем.

componentWillMount() {
    // This method runs when the component is first added to the page

    this.setState({
        assetName: this.props.asset.assetName,
        assetDesc: this.props.asset.assetDesc,
        path: this.props.asset.path,
        classification: this.props.asset.classification
    });

    console.log(this.state.assetName);
}

state = {
    assetName :'',
    assetDesc:'',
    path:'',
    classification:'',
};

Спасибо