[antd] Select標簽設置默認值不展示

    <FormItem
        className={style.client}
        name="client"
        rules={[{ required: false }]}
        label={
           <div className={style.label}>
             <span>label</span>{' '}
           </div>
                }
     >
       <Select className={style.selectClient}
        // size='small'
       　　showSearch
         　value={value}
                  labelInValue
                  placeholder=""
                  // style={{ width: '96%' }}
                  defaultActiveFirstOption={false}
                  showArrow={false}
                  filterOption={false}
                  onSearch={e => handleSearch(e)}
                  onChange={e => handleChange(e)}
                  notFoundContent={null}
                >
                  {
                    searchData && searchData.map(data => <Option key={data.custNo}>{data.custNo}-{data.custName}</Option>)
                  }
                </Select>
        </FormItem>
 

代碼如上，嵌入在Form中的Select組件，用form.setFieldsValue({ client: '2' })設置選中值無法實現。

經過排查，發現是因為設置了 labelInValue ，設置該屬性后，Select的選中值由Type<String> 變為Type<ReactNode>，導致設置的值不被展示。

官網對labelInValue的解釋：【是否把每個選項的 label 包裝到 value 中，會把 Select 的 value 類型從 string 變為 { value: string, label: ReactNode } 的格式】

解決方案：

　　1.不使用該屬性；

　　2.按照 Type<ReactNode> 格式給Select 賦值。