Я почти уверен, что у меня просто нет правильного синтаксиса, но, похоже, я не могу понять правильный синтаксис. Вот мой код (он находится внутри return(), и этот возврат находится внутри render(){} вместе с html.
<div className = "questions">
Now let's add some questions... <br />
{// This is where we loop through our questions to
// add them to the DOM.
this.state.questions.map(question => {
return (
<div>
{question}
{
for (var i = 0; i < 4; i++) {
answers.push(
<input
type = "text"
onChange = {this.handleChangeEvent}
name = {uuid()}
/>
);
}
}
</div>
);
})
</div>
Я новичок в этом, поэтому любая помощь будет очень полезной, спасибо!



![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)


Вы нажимаете на массив answers внутри вашего JSX, но никогда его не используете. Вместо этого вы можете нажать на массив перед оператором return, а затем использовать его в JSX.
this.state.questions.map(question => {
const answers = [];
for (var i = 0; i < 4; i++) {
answers.push(
<input type = "text" onChange = {this.handleChangeEvent} />
);
}
return (
<div>
{question}
{answers}
</div>
);
});
В качестве альтернативы вы можете использовать Array.from:
<div className = "questions">
Now let's add some questions... <br />
{this.state.questions.map(question => {
return (
<div>
{question}
{Array.from({ length: 4 }, () => (
<input type = "text" onChange = {this.handleChangeEvent} />
))}
</div>
);
})}
</div>