ant design 如何让它的option内容和展示内容显示的不一样？

Question

比如option内容为Jack--Jack-lastname这种形式，但是当选中的时候只想要Jack这种如图片所示，应该怎么改？

   <Select
    showSearch
  >
    <Option value="jack">Jack--Jack-lastname</Option>
    <Option value="lucy">Lucy--Jack-lastname</Option>
    <Option value="tom">Tom--Jack-lastname</Option>
  </Select>

Answer 1

<Select
    showSearch
  >
    <Option value="jack">Jack</Option>
    <Option value="lucy">Lucy</Option>
    <Option value="tom">Tom</Option>
  </Select>

Answer 2

select组件有一个属性，optionLabelProp，给option设定一个属性，例如label，渲染的内容自定义，要回填的在label属性里，设置optionLabelProp=‘label’即可，官方有示例：