使用Antd（Ant -design）React js删除多选列表中选择列表的计数

Question

密钥的总数存在于列表中。单击列表我需要只显示名称而不是数字。如何删除数字，只显示单击的列表。注意：我需要列表显示中的计数

const Option = Select.Option; 
const children = [];
const pubTypes = [
  { key: "Webcasts", count: 200 },
  { key: "Review", count: 300 },
  { key: "Portrait", count: 500 }
];
pubTypes.map(element =>
  children.push(
    <Select.Option key={element.key}>
      {element.key} ({element.count})
    </Select.Option>
  )
);

class UserRemoteSelect extends React.Component {
  handleChange = value => {
    console.log(`selected ${value}`);
  };

  render() {
    return (
      <Select
        mode="multiple"
        style={{ width: "100%" }}
        placeholder="Please select"
        onChange={this.handleChange}
      >
        {children}
      </Select>
    );
  }
}

[点击链接获取更多信息]

https://codesandbox.io/s/w2pl8r0xyw

Answer 1

您可以设置labelInValue：false来实现此目的。