Uncaught TypeError: Невозможно прочитать свойство 'forEach' из неопределенного ReactJS

Question

Я новичок, чтобы реагировать JS Я столкнулся с ошибкой при отправке данных:

Uncaught TypeError: Невозможно прочитать свойство 'forEach' из неопределенного

this.props.clist.forEach(function(company) {
companies.push( <Company company={company} onCompanyDelete={that.handleCompanyRemove} /> );
});

полный код: https://codepen.io/prashanthHarish/pen/jxVWGE (строка 49)

пример из http://tuts -javascript.appspot.com / reactjs-add-remove-table-row

Answer 1

если вы видите свою функцию handelNewRowSubmission

handleNewRowSubmit: function( newcompany ) {
      this.setState( {companylist: this.state.companylist.concat([newcompany])} );
    }

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

var compList = [];
compList = this.state.companylist;
compList.push(newcompany);
this.setState({companylist : compList});

Answer 2

вам не нужно передавать "clist" в компонент CompanyList.передайте эту опору, тогда вы можете использовать ее