質問: 0; i < this.props.protocol.length; i++) { return ( {this.props.protocol[i].procedure} ); } } }); ``` エラーとしては、下記のエラーが発生しています。 console.logでprotocolの中身を確認する限りでは、protocolはprocedureの要素を持っているはずなのに エラーが発生する理由が理解できずにいます。 ``` Uncaught TypeError: Cannot read property 'procedure' of undefined ``` ### 試してみたこと 要素の取り出し方が正しくないのかと思い、 this.props.protocol[0][procedure] this.props.protocol[0]['procedure'] など試してみたのですが、いずれもエラーは解消されませんでした。 追加で必要な情報などあれば、言っていただけるとありがたいです。
回答: ループ処理はfor文を使うより、mapを使ったほうがいいですよ。 自分だったらこう書きますかね。 これでいけませんか? ``` for ( i = 0; i < this.props.protocol.length; i++) { return ( {this.props.protocol[i].procedure} ); } ↓↓↓↓↓↓↓↓ this.props.protocol.map((val) => { return( {val.procedure} ) }); ```