Как добавить внешний компонент reactjs на клик с помощью хуков

Question

Я совершенно новичок в reactjs. Как добавить внешний jsx с помощью функции onClick (только один раз), используя реакционные хуки?

Answer 1

Вы можете использовать переменную массива в своем основном состоянии jsx (App. js), как показано ниже

    state = {
        externaljsx: []
    }

Для кнопки onClick вызывать функцию addExternal для добавления внешнего JSX

    addExternal = () => {
        this.setState({
             externaljsx: [this.state.externaljsx, <NameofyourJSX />]
        })
    }

Пожалуйста, обратите внимание, должно быть ваше имя компонента JSX.