Я использую таблицу реакций и создаю флажки. Флажок заголовка находится в неопределенном состоянии, если установлен 1 или несколько флажков. Есть ли способ изменить это поведение, чтобы иметь неопределенное состояние, когда установлены 2+ флажка вместо 1?
const IndeterminateCheckbox = forwardRef(
({ indeterminate, ...rest }, ref) => {
const defaultRef = useRef()
const resolvedRef = ref || defaultRef
useEffect(() => {
resolvedRef.current.indeterminate = indeterminate
}, [resolvedRef, indeterminate])
return (
<input type="checkbox" ref={resolvedRef} {...rest} />
)
},
)
const {
getTableProps,
getTableBodyProps,
headerGroups,
visibleColumns,
} = useTable({
columns,
data,
},
useRowSelect,
(hooks) => {
hooks.visibleColumns.push((columns) => [
{
id: 'selection',
Header: ({ getToggleAllRowsSelectedProps }) => (
<IndeterminateCheckbox {...getToggleAllRowsSelectedProps()} />
),
Cell: ({ row }) => (
<IndeterminateCheckbox {...row.getToggleRowSelectedProps()} />
),
},
...columns,
])
})