जेएसएक्स में रिएक्ट फॉरच

Question 1

मेरे पास एक ऐसी वस्तु है जिसे मैं 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;

जैसा कि आप ऊपर स्निपिट से देख सकते हैं, मैं प्रॉप्स में सरणी आंसरों का उपयोग करके घटक उत्तर की एक सरणी सम्मिलित करने का प्रयास कर रहा हूं, यह इट्रेट करता है, लेकिन HTML में आउटपुट नहीं होता है।

Question 2

आपको तत्व की एक सरणी पास करनी होगी jsx। समस्या यह है कि forEachकुछ भी नहीं लौटता है (अर्थात यह वापस लौटता है undefined)। तो बेहतर उपयोग mapक्योंकि यह इस तरह एक सरणी देता है

class QuestionSet extends Component {
render(){ 
    <div className="container">
       <h1>{this.props.question.text}</h1>
       {this.props.question.answers.map((answer, i) => {     
           console.log("Entered");                 
           // Return the element. Also pass key     
           return (<Answer key={i} answer={answer} />) 
        })}
}

export default QuestionSet;