在select外部单击时，react- when query-builder空select

Question

我使用asyncFetch并从SelectWiget中选择value，在任何外部单击make empty value this select之后。

我对字段使用next配置

 products: {
      type: '!struct',
      label: 'Products',
      subfields: {
        title: {
          type: 'select',
          label: 'Name',
          fieldSettings: {
            asyncFetch: async (search, offset) => {
              const toSearch = _.isEmpty(search) ? 'null' :  search;
              const prodApi = (await axios.get(`http://localhost:8002/api/products/1/${toSearch}?offset=${offset}`, { headers: authHeader() }));
              const productsValues = prodApi.data.data.map(
                product => ({
                  title: product.title,
                  value: product.id
                })
              )

              return {
                values: productsValues,
                hasMore: true,
              }
            },
            useAsyncSearch: true,
            useLoadMore: true,
            forceAsyncSearch: false,
            allowCustomValues: false
          }
        },

另一个错误是当我选择某个值时，asyncFetch被再次调用。

这是包中的bug，还是我遗漏了一些配置？

我使用的包是react- package query-builder

Answer 1

函数async的result中的值需要是字符串，所以函数如下：

asyncFetch: async (search, offset) => {
          const toSearch = _.isEmpty(search) ? 'null' :  search;
          const prodApi = (await axios.get(`http://localhost:8002/api/products/1/${toSearch}?offset=${offset}`, { headers: authHeader() }));
          const productsValues = prodApi.data.data.map(
            product => ({
              title: product.title,
              value: product.id.toString(),
            })
          )

          return {
            values: productsValues,
            hasMore: true,
          }
        }