forEach() in React JSX does not output any HTML forEach() in React JSX does not output any HTML reactjs reactjs

forEach() in React JSX does not output any HTML


You need to pass an array of element to jsx. The problem is that forEach does not return anything (i.e it returns undefined). So it's better to use map because map returns an array:

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={answer} answer={answer} />)         })}}export default QuestionSet;