В основном в дереве выберите, когда мы выбираем некоторые параметры, будут показаны выбранные значения
Посмотрите на мой пример кода
Но когда выбрано много данных, дисплей будет больше, и для меня лучше показать длину выбранных данных, чем показать все выбранные данные.
Ожидаемый результат: 4 Selected
, 2 Selected
, 5 Selected
.
Используйте свойства maxTagCount
и maxTagPlaceholder
.
В этом случае SELECTED_THRESHOLD
является постоянным, поэтому он будет отображать + X Selected
после более чем 2
выбранных элементов.
Вы должны сделать свое условие более общим, например, в зависимости от ширины ввода и т.д.
function Demo() {
const [selectedArray, setSelectedArray] = useState([]);
return (
<TreeSelect
value = {selectedArray}
maxTagPlaceholder = {`+ ${selectedArray.length - SELECTED_THRESHOLD} Selected`}
maxTagCount = {SELECTED_THRESHOLD}
onChange = {value => setSelectedArray(value)}
...
>
<TreeNode>
...
</TreeNode>
</TreeSelect>
);
}
Проверьте демо.