REACTJS和ANTD：如何通过<；选择>；选项

我是React新手，目前正在ReactJS代码中使用AntD。在我的代码中，我有一个select选项，它应该根据表单的类型来更改表单元素

以下是我的选择：

<Form.Item label="Inquiry Type">
    <Select>
       <Option>
           form 1
       </Option>
       <Option>
           form 2
       </Option>
       <Option>
           form 3
       </Option>
    </Select>
</Form.Item>

表格一
表格二
表格三

因此，当我选择表格1时，它应该能够显示表格1的所有内容，表格2和表格3也是如此

我不知道该怎么做。我读过其他问题，但它们没有回答我的问题。

请检查此项

state = {
  selectedForm: "form1"
};
changeForm = value => {
  this.setState({
    selectedForm: value
  });
};
render() {
  const { selectedForm } = this.state;
  return (
    <div>
      <Select value={selectedForm} onChange={value => this.changeForm(value)}>
        <Option value="form1">form 1</Option>
        <Option value="form2">form 2</Option>
        <Option value="form3">form 3</Option>
      </Select>
      {selectedForm === "form1" ? (
        <Form1 />
      ) : selectedForm === "form2" ? (
        <Form2 />
      ) : selectedForm === "form3" ? (
        <Form3 />
      ) : ""}
    </div>
  );
}

状态={
所选表格：“表格1”
};
changeForm=value=>{
这是我的国家({
selectedForm:value
});
};
render（）{
const{selectedForm}=this.state；
返回(
this.changeForm（值）}>
表格一
表格二
表格三
{selectedForm==“form1”(
)：selectedForm==“form2”(
)：selectedForm==“form3”(
) : ""}
);
}