如何使用钩子在单击时附加外部reactjs组件

我是个新手。如何使用react钩子将外部jsx附加到onClick函数（仅一次）？

您可以在主jsx（App.js）状态中使用数组变量，如下所示

    state = {
        externaljsx: []
    }

对于按钮onClick，事件调用函数addExternal以添加外部JSX

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

addExternal=（）=>{
这是我的国家({
externaljsx:[this.state.externaljsx，]
})
}

请注意，应该是您的JSX组件名称