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;