我有很长的数据显示列表,每个数据显示分为多个块,每个块的侧面都有一个编辑按钮,如下所示:

每当单击编辑按钮时,我都需要将显示组件替换为编辑组件,将文本替换为这样的形式
什么是做到这一点的最佳方法。我尝试将组件置于列表状态,并在单击“编辑”时将“显示组件”替换为“表单组件”,而不是从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是一个好主意/专业实践吗?