জেএসএক্সে পূর্বাভাস প্রতিক্রিয়া

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;

যেমন আপনি উপরের স্নিপিট থেকে দেখতে পাচ্ছেন, আমি প্রপসগুলিতে অ্যারের উত্তরগুলি ব্যবহার করে উত্তর উপাদানটির একটি অ্যারে toোকানোর চেষ্টা করছি, এটি ক্ষতিকারক হয় তবে এইচটিএমএলে আউটপুট হয় না।

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;