反应 |动态选择获取值答案

【问题标题】：React | Dynamic select get values反应 |动态选择获取值
【发布时间】：2019-02-10 13:03:58
【问题描述】：

我在我的 react 项目中使用 ant design。

在此，我需要添加动态选择和获取值。现在我可以动态选择下拉菜单了。

但我无法获取值。

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

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

【问题讨论】：

我能够在 console.log() 中获取值，但它对我来说并没有起到警报作用。

标签： javascript reactjs select antd

【解决方案1】：

这将解决您的问题。

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

【讨论】：

【解决方案2】：

请检查您的变量是否使用正确的变量类型或预期的变量

console.log('comment', variable);

这个方法很简单，或者你可以调试你的代码

请检查工作示例link。

【讨论】：

【解决方案3】：

您需要执行以下操作才能获取值

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);
      }
    });

【讨论】：