Powielanie swojego komponentu w REACT

Question

Przeszukałem internet i chyba sam muszę zapytać. :

Chciałbym zrobić w REACT'ie coś takiego, aby po kliknięciu przycisku uruchamiała mi się funkcja, która tworzy nowy komponent. Dla przykładu jest panel tworzenia ankiety i na dole jest przycisk "dodaj pytanie" i za każdym razem jak kliknę "dodaj pytanie" to pojawi mi się pod spodem komponent z miejscem na pytanie, które chcę zadać.

Chodzi mi trochę o naprowadzenie. Myślicie, żę rozwiązanie tkwi w  "REACT.CreateElement" ? które będzie w jakieś pętli ? A może są jakieś inne metody albo znacie jakiś przykład, który pozwoli mi kontynuować moją analizę problemu?

Pozdrawiam.

Comments

Jak wygląda komponent, w którym renderujesz komponent z pytaniem?

Answer 1

Za bardzo odleciałeś :) Potrzebna ci zmienna i petla ;) 

 

const App = () => {
    const [numberOfQuestion, setNumberOfQuestion] = useState(0);


    return <div>
       <button onClick={() => setNumberOfQuestion(number => number++)} >Add</button>
       {Array(numberOfQuestion).fill("").map((_, id) => <SomeQuestionComponent key={id}/>)}
    </div>
}