Thank you very much for your response.
In fact, I think I agree with you and I think it would be more convienent for me to use a stateful component, if it is possible.
In fact, I fetch my data in another component. Here is the JSON I get, when I am fetching data :
[ { "appMode": "evaluation", "appEtape": "init", "appInstruction": "Bienvenue. Vous allez devoir r\u00e9pondre \u00e0 des questions qui permettront de d\u00e9terminer votre niveau.", "constat": "Voici la question", "instruction": "C'est la question test", "questionElements": [ { "id": 1, "questionElement": "\u3053\u308c\u306f" }, { "id": 2, "questionElement": "vide" }, { "id": 3, "questionElement": "\u3067\u3059\u304b\u3002" } ], "reponses": [ { "id": 1, "reponse": "\u3071\u3093" }, { "id": 2, "reponse": "\u306b" }, { "id": 3, "reponse": "\u306a\u3093" }, { "id": 4, "reponse": "\u306a\u3093" } ], "reponseCorrecte": "\u306a\u3093" } ]
I hope it would help.
To answer your question, yes for now I render all the API data (there is only one question for now). The number of answers will vary for each question (for exemple one question will have three answers to choose from and another question will have four).
For the question, I will fetch them one by one. When the user choose a response, he will have to click on a submit button who will fetch the next question.
I hope my answer will help and thank you to have take some of your time to answer my problem (and sorry for my weird English)
EDIT : Sorry to have take so much time to answer. English is not my mother tongue, sorry and thank you for your answer