Question

我将ant design用于我的React项目。

在此，我需要添加动态选择并获取值。现在，我可以动态选择下拉列表了。

但是我无法获取值。

handleSubmit = e => {
    e.preventDefault();
    this.props.form.validateFields((err, values) => {
      if (!err) {
        alert("Received values of form: ", values);
      }
    });
  };

演示：https://codesandbox.io/s/nrxq1505v0

Answer 1

这将解决您的问题。

this.props.form.validateFields((err, values) => {
  e.preventDefault();
  if (!err) {
    alert("Received values of form: " + values.names.join());
  }
});

Answer 2

您需要像下面那样获得值

this.props.form.validateFields((err, values) => {
      const data = JSON.stringify(values);
      const d = JSON.parse(data);
      console.log("d...", d.names)//this gives values in an array. It prints like this ["lucy", "jack"] when I added two fields and seleted value from each field
      if (!err) {
        alert("Received values of form: ", d.names);
      }
    });

Answer 3

请始终检查变量，使用

分配正确的变量类型或期望的变量

console.log('comment', variable);

这是简单的方法，或者您可以调试代码

请检查工作示例link。

反应|动态选择获取值

3 个答案: