小编Yog*_*esh的帖子

如何在React JS中用事件(按钮单击)将组件替换为另一个组件

我有很长的数据显示列表,每个数据显示分为多个块,每个块的侧面都有一个编辑按钮,如下所示: 在此处输入图片说明

每当单击编辑按钮时,我都需要将显示组件替换为编辑组件,将文本替换为这样的形式

在此处输入图片说明

什么是做到这一点的最佳方法。我尝试将组件置于列表状态,并在单击“编辑”时将“显示组件”替换为“表单组件”,而不是从render()返回它:

return(
 <Display />
 );
Run Code Online (Sandbox Code Playgroud)

现在我要返回:

return(
 {this.state.components[0]}
  );
Run Code Online (Sandbox Code Playgroud)

当单击按钮时执行此操作

this.setState({components:[<EditForm />]})
Run Code Online (Sandbox Code Playgroud)

它有效,但是我想知道在内部存储Component和JSX是一个好主意/专业实践吗?

jsx reactjs

5
推荐指数
1
解决办法
9385
查看次数

标签 统计

jsx ×1

reactjs ×1