Javascript ReactJS，如何更改表单类型，从onChange下拉列表

我正在学习ReactJS，我有从语义用户界面的下拉菜单，我想让它添加onChange事件。当下拉列表更改时，下面的表单也会更改。可能吗？有人知道怎么做吗

这是我的密码

类EditForm扩展了React.Component{ 组件willmount（）{ 这是我的国家({ 选项：[ {键：1，文本：'Input'，值：'1'}， {键：2，文本：'Dropdown'，值：'2'}， {键：3，文本：'Radio Box'，值：'3'}， {键：4，文本：'checkbox'，值：'4'}， {键：5，文本：'段落'，值：'5'}， ], 已选定：[0']， }); } handleChange=（e，{value}）=>this.setState({ 价值 }) render（）{ const{value}=this.state 返回( 删除 复制 ); 导出默认编辑表单； 我希望它根据所选值进行更改。如果选择了下拉列表，则会显示下拉列表。依此类推。 有可能吗？最好的方法是什么？谢谢。

您可以在渲染组件之前检查特定条件

例如：

render() {
  const { value } = this.state

  return (
    <div>
        {value === 'dropdown' && <Component1>...</Component1>}
        {value === 'text' && <Component2></Component2>}
        {value === 'checkboxes' && <Component3></Component3>}
        ...
    </div>
  )
}

render（）{
const{value}=this.state
返回(
{value==='dropdown'&&&……}
{value==='text'&&}
{value==='复选框'&&}
...
)
}

在渲染组件之前，您可以在其中检查特定条件

例如：

render() {
  const { value } = this.state

  return (
    <div>
        {value === 'dropdown' && <Component1>...</Component1>}
        {value === 'text' && <Component2></Component2>}
        {value === 'checkboxes' && <Component3></Component3>}
        ...
    </div>
  )
}

render（）{
const{value}=this.state
返回(
{value==='dropdown'&&&……}
{value==='text'&&}
{value==='复选框'&&}
...
)
}

向组件添加

构造函数（）

并使用

状态/setState

根据用户操作显示隐藏所需内容。向组件添加

构造函数（）

并使用

状态/setState

根据用户操作显示隐藏所需内容。