使用ANTD(ANT -DESIGN)REECT 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以实现此目的。