Убрать отсчеты при выборе списка в списке множественного выбора с помощью 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 для достижения этого.