Мой компонент пытается получить доступ к данным, которые еще не существуют, «Не удается прочитать свойство« данные »из неопределенного»

Question

Мой Компонент, который пытается mapStateToProps некоторые данные формы, которые не существуют, пока пользователь не введет и не отправит. Форма будет принимать входные данные, сохранять их в избыточном формате, а затем я смогу взять эти данные и заполнить таблицу после вызова API

const StepOne = props => {
  const [formObj, setFormObj] = useState({
    rigName: "",
    desc: "",
    choices: [
      {
        choice: "",
        customAttribute: ""
      }
    ]
  });

  return (
    some inputs fields
  );
};
const mapStateToProps = state => {
  return {
    formData: state.stepOneForm.data
  };
};
const mapDisptachToProps = disptach => {
  return {
    addFormIntoRedux: data => disptach(AddFormData(data))
  };
};
export default connect(mapStateToProps, mapDisptachToProps)(StepOne);

Я нашел другие сообщения, предлагающие включить исходные данные? или с проверкой после рендера, но я не уверен, как это будет выглядеть. Я считаю, что эти варианты могут быть решением, но не уверен, как двигаться дальше.

Вы можете увидеть ошибку здесь

Answer 1

Я думаю, что это может решить вашу проблему:

const mapStateToProps = state => {
  return {
    formData: state.stepOneForm ? state.stepOneForm.data : null,
  };
};

Я использую null в качестве значения по умолчанию для случая, когда stepOneForm не определено, но вы можете изменить это в соответствии со своими потребностями. .