• [antd] Select标签设置默认值不展示


     1     <FormItem
     2         className={style.client}
     3         name="client"
     4         rules={[{ required: false }]}
     5         label={
     6            <div className={style.label}>
     7              <span>label</span>{' '}
     8            </div>
     9                 }
    10      >
    11        <Select className={style.selectClient}
    12         // size='small'
    13          showSearch
    14           value={value}
    15                   labelInValue
    16                   placeholder=""
    17                   // style={{  '96%' }}
    18                   defaultActiveFirstOption={false}
    19                   showArrow={false}
    20                   filterOption={false}
    21                   onSearch={e => handleSearch(e)}
    22                   onChange={e => handleChange(e)}
    23                   notFoundContent={null}
    24                 >
    25                   {
    26                     searchData && searchData.map(data => <Option key={data.custNo}>{data.custNo}-{data.custName}</Option>)
    27                   }
    28                 </Select>
    29         </FormItem>
    30  

    代码如上,嵌入在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 赋值。

    ————————————来自 大中国的智慧结晶
  • 相关阅读:
    CF833 A The Meaningless Game
    [Noip2016]蚯蚓 (单调队列)
    [NOI2003]逃学的小孩 (贪心+树的直径+暴力枚举)
    [POI2014]FAR-FarmCraft (树规+贪心)
    洛谷P2566 [SCOI2009]围豆豆(状压dp+spfa)
    [POJ1852] Ants(思维题)
    树的深度(我觉得没毛病)
    HDU
    剑指offer相关问题
    CC150相关问题
  • 原文地址:https://www.cnblogs.com/guoqiaoqiao/p/14115628.html
Copyright © 2020-2023  润新知