Loop or map in React JS

Question

I need this thing into a loop or map.please help. I don't want to provide the index number for arrays.

<div id="question">
{this.props.questions[0].id} :- {this.props.questions[0].text}
<h3>Correct Answer:- {this.props.questions[0].correct}</h3>
<h3>Your Answer:- {this.props.useranswer[0]}</h3>
</div>

Prijesh Meppayil · Accepted Answer · 2018-08-20 17:33:55Z

2

Try the below render() method with map function:

render() {
    const { questions, useranswer } = this.props;
    return(
        questions.map((question, i)=>
            <div id="question">
            {question.id} :- {question.text}
            <h3>Correct Answer:- {question.correct}</h3>
            <h3>Your Answer:- {useranswer[i]}</h3>
            </div>
        )
    )
}

answered Aug 20, 2018 at 17:33

Prijesh Meppayil

5403 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Chris Cui · Accepted Answer · 2018-08-20 17:13:23Z

0

You use the map function in the render() function. Like
{ this.props.questions.map((question)=>{
<div id="question">
{question.id} :- {question.text}
<h3>Correct Answer:- {question.correct}</h3>
<h3>Your Answer:- {get answer from question id}</h3>
</div>
)}

answered Aug 20, 2018 at 17:13

Chris Cui

1175 bronze badges

Collectives™ on Stack Overflow

Loop or map in React JS

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related