antd Select组件远程搜索设置默认值

antd Select组件远程搜索设置默认值

基于React和mobx的一个tools项目,其中的Form搜索条件大部分要求的是通过接口的支持模糊搜索。由于条目很多,所以要求多加默认值。以上是背景,下面进入主题

  useEffect(() => {
   const value = form.getFieldValue("orderPrefix");
   store.mappingAPI(value).then(() => {
     setMapList(store.mapping);
     form.setFieldsValue({
       showFieldStr: [{ value: "main.orderNum", label: "main.orderNum" }],
       orderField: { value: "main.targetCreateTime", label: "main.targetCreateTime" },
     });
   });
 }, []);

上面的mappingAPI是一个根据orderPrefix来搜索的接口,可以获取Select里面option的value。
这里的重点在于设置默认值的时候
1、如果是多选的模式multiple或者tips的时候,要用[]数组的形式来赋值。
2、在赋值的时候要用对象的形式,而不是简单的字符串。

你可能感兴趣的:(antd-react-mobx,reactjs,javascript,ant)