Убрать отсчеты при выборе списка в списке множественного выбора с помощью Antd (Ant -design) React js

#reactjs #antd

#reactjs #antd

Вопрос:

Общее количество ключей присутствует в списке. При нажатии на списки мне нужно отображать только имена, а не цифры. Как мне удалить числа и просто отобразить список нажатых. Примечание: Мне нужно количество при отображении списка

 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

Ответ №1:

Для достижения этого вы можете установить labelInValue: false.

Комментарии:

1. не могли бы вы уточнить, что я не смог получить желаемый результат