Reactjs React | Ant Design-使用远程数据搜索选择组件中的默认值

使用下面的示例

场景：设置默认值

问题：正在加载值而不是标签

查询：如何设置默认标签和默认值

演示：

查看以下内容：

基本上，您需要在选项上设置value属性：

否则它将不知道选择哪个选项

此外，您设置的值需要在state.data中（否则它将找不到它，也无法正确显示），因此我在其中添加了您的初始值：

  state = {
    data: [{ value: "喇叭袖上衣女", text: "123" }],
    value: "喇叭袖上衣女"
  };

看看这个：

基本上，您需要在选项上设置value属性：

否则它将不知道选择哪个选项

此外，您设置的值需要在state.data中（否则它将找不到它，也无法正确显示），因此我在其中添加了您的初始值：

  state = {
    data: [{ value: "喇叭袖上衣女", text: "123" }],
    value: "喇叭袖上衣女"
  };

---

如果您已经在选项中设置了值，比如@tudor.gergely的注释。确保它具有相同的值，就像在我的示例中，默认值是integer，选项的设置值是string

如果默认值为整数：

<Option key={d.value} value={d.value}>

如果默认值为字符串：

<Option key={d.value} value={`${d.value}`}>

---

简而言之，只要确保初始值与选项的值相同。

如果您已经在选项中设置了值，如@tudor.gergely的注释。确保它具有相同的值，就像在我的示例中，默认值是integer，选项的设置值是string

如果默认值为整数：

<Option key={d.value} value={d.value}>

如果默认值为字符串：

<Option key={d.value} value={`${d.value}`}>

---

简而言之，只要确保初始值与选项的值相同。

我的默认值必须通过异步调用设置，我在下面使用setTimeOut模拟了相同的设置。没问题，您只需在

上设置
值
，然后选择
和
上的
值
选项
问题仍然存在，您的链接工作正常。请记住，您需要在数据数组中包含该值，以使其正确显示在select中。什么对您不起作用？我认为问题在于useState，第57行和第58行确认了这一点。我的默认值必须通过异步调用设置，我在下面使用setTimeOut模拟了相同的设置。没问题，您只需在
上设置
值
，然后选择
和
上的
值
选项
问题仍然存在，您的链接工作正常。请记住，您需要在数据数组中包含该值，以使其正确显示在select中。什么对你不起作用？我认为问题在于useState，第57、58行证实了这一点。