render内のfor文をpropsにして親要素で、subTitle
のkeyを指定して入ってるvalue
の配列分のリストをつくりたいのでが、うまくいきません。。。
jsxコード
render(){ const items = []; const subTitle = { "News":["A","B"], "Service":"C","D"] } for (let i = 0; i < subTitle.News.length; i++) { items.push( <SubItem subTitle={subTitle.News[i]} /> ) } return( <li className="menu__nav__item is-active"> <a className="menu__nav__btn" href=""> {this.props.title} </a> <div className="menu__sub"> <div className="menu__sub__inner"> <ul className="menu__sub__group"> {items} </ul> </div> </div> </li> ) }
こんな感じで指定できると思ったけどエラーがでる。
for (let i = 0; i < subTitle.this.props.subtitle.length; i++) { items.push( <SubItem subTitle={subTitle.this.props.subtitle[i]} /> ) }
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。