Массив объекта реагировать

Question

В моем приложенииactjs я передаю массив объектов моему компоненту.И внутри этого компонента я использую объект для сопоставления и создания нескольких объектов, но проблема заключается в том, что я каким-то образом получаю ошибки

Не удается прочитать свойство 'map' из неопределенного

это мой код, где я объявляю свой объект в состоянии в моем родителе

  this.state = EditMultiObject: [
        {
          id: 0,
          Title: ""
        },
        {
          id: 0,
          Title: ""
        }
      ]
    };

<Form1
              EditMultiObject={this.EditMultiObject} />

В моем компоненте Form1 вот мой код

 const {
        EditMultiObject

      } = props;
      return (

    {EditMultiObject.map((counter, key) => (
              <SubFormEditCom
                key={key}
              />
            ))}

)

Я что-то не так сделал?

Answer 1

Пожалуйста, исправьте код

this.state = {
     EditMultiObject: [
        {
          id: 0,
          Title: "title1"
        },
        {
          id: 1,
          Title: "title2"
        }
      ]
    };

 <Form1 EditMultiObject={this.state.EditMultiObject} />

Тогда в вашем компоненте Form1

render(){
  const {EditMultiObject}=this.props;

    return (

    { EditMultiObject && EditMultiObject.length > 0 ?  // check length of an array then use map
              EditMultiObject.map((counter, key) => (
              <SubFormEditCom
                key={key}
              /> : null}
            ))}

)

Answer 2

Я думаю, вы можете попытаться изменить это на:

this.state = {
   myobjects: [{ id: 0, Title: ' '},{id: 1, Title: ' '}],
};

 <Form1 EditMultiObject={this.state.myobjects} />

и должно быть в порядке