Q:

react axios getting values one by one

I am working on a quiz in react. I want to show one question and their choices at the same time at the page. 
        Such as :
        "question": "When the C programming language has first appeared?",
                  a.)1970
                  b.)1971
                  c.)1972
                  d.)1973
        This is what I have done so far:
import React from 'react'
import axios from 'axios'
class QuizApp extends React.Component {
    constructor(props) {
        super(props);
        this.state = {entered: false, correct: 0, wrong: 0}

    }

    state = {
        questions: [],
        choic: []
    };

    componentDidMount() {
        axios.get("http://private-anon-c06008d89c-quizmasters.apiary-mock.com/questions").then((response) => {
            const questions = response.data;
            this.setState({questions});
            const choic = response.data;
            this.setState({choic});
            console.log(response);
        })
    }

    nickChange = (event) => {
        this.setState({username: event.target.value});

    };
    cleanPage = () => {
        this.setState({
            entered: true
        })

    };

    render() {

        if (!this.state.entered) {
            return (
                <div>
                    <form target="_self" id="firstPage">
                        <input  type="text" value={this.nick} onChange={this.nickChange}/>
                        <input type="submit" value="Start" name="cleanPage" onClick={this.cleanPage}/>
                    </form>
                </div>
            )
        }
        else {
            return (
                <div>
                    <ul>
                        {this.state.questions.map(que => <li>{que.question} </li>)}
                        {this.state.choic.map(cho => <li>{cho.choices.choice} </li>)}
                    </ul>

                </div>
            )
        }
    }
}

A:

simplify set state in response
const { questions, choices } = response.data;
this.setState({questions, choices});   

In render do like this (Assuming each question has corresponding array of choices in that index):
{this.state.questions.map((que, index) => {
  <React.Fragment>
  <li>{que.question} </li>
    <ul>
      {choices[index].map(choice => <li>{choice}</li>)
    </ul>
  <React.Fragment
})}

style the elements as needed

