162

React 経由で出力したいオブジェクトがあります。

question = {
    text: "Is this a good question?",
    answers: [
       "Yes",
       "No",
       "I don't know"
    ]
} 

そして私の反応コンポーネント(カットダウン)は別のコンポーネントです

class QuestionSet extends Component {
render(){ 
    <div className="container">
       <h1>{this.props.question.text}</h1>
       {this.props.question.answers.forEach(answer => {     
           console.log("Entered");  //This does ifre                       
           <Answer answer={answer} />   //THIS DOES NOT WORK 
        })}
}

export default QuestionSet;

上記のスニペットからわかるように、小道具で配列 Answers を使用してコンポーネント Answer の配列を挿入しようとしていますが、反復はしますが、HTML には出力されません。

4

1 に答える 1