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

Question

我对ReactJS完全陌生。如何使用反应钩子将外部 jsx 附加到带有 onClick 函数(仅一次(的外部 jsx？

Answer 1

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

state = {
externaljsx: []
}

对于按钮单击事件调用函数添加外部以添加外部 JSX

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

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