用下拉菜单反应ToDOList

Question

请问我有问题，我想使用Dropdown而不是Input来创建待办事项列表。 这是我在codesandbox上的代码，尝试添加新的待办事项时遇到问题 它无法检索新的增值。其想法是插入一个新用户和一个新动作作为待办事项列表。

   

const menu = (
  <Menu>
    <Menu.Item key="1">1st menu item</Menu.Item>
    <Menu.Item key="2">2nd menu item</Menu.Item>
    <Menu.Item key="3">3rd menu item</Menu.Item>
  </Menu>
);

class CreateModal extends Component {
  state = {
    isSavingInProgress: false,
    dateAdded: ""
  };

  render() {
  
    const { isSavingInProgress } = this.state;

    const layout = {
      labelCol: { span: 8 },
      wrapperCol: { span: 16 }
    };

    return (
      <Modal
        visible={isCreateUser || isAddTodo}
        title={title}
        onCancel={onCancel}
        footer={false}
      >
        <Form
          {...layout}
          name="basic"
          initialValues={{ remember: true }}
          onFinish={this.handleFormSubmit}
          onFinishFailed={this.handleFinishFailed}
        >
          {isCreateUser ? (
            <Form.Item
              label="Name"
              name="name"
              rules={[{ required: true, message: "Please input your name" }]}
              initialValue={user ? user.name : ""}
            >
              <Dropdown overlay={menu}>
                <Button>dropdown select</Button>
              </Dropdown>
            </Form.Item>
          ) 
         
      </Modal>
    );
  }
}