使用反应表访问组件状态

问题描述

这是我的第一个问题，我只需要了解为什么在处理传递给react-table useTable钩子的Checkbox中的更改时为什么无法访问组件的实际状态。

const {
    getTableProps,getTableBodyProps,headerGroups,rows,prepareRow,}: ITableInstance = useTable(
    {
        columns: tableColumns,data,},useRowSelect,(hooks: Hooks<any>) => {
            hooks.visibleColumns.push((tableColumns) => [
                {
                    id: 'selection',Header: (headerCell: THeaderProps) => (
                        <Checkbox
                            {...headerCell.getToggleAllRowsSelectedProps()}
                            onChange={handleSelectAllRows(headerCell)}
                        />
                    ),Cell: ({row}: TCellProps) => (
                        <Checkbox
                            {...row.getToggleRowSelectedProps()}
                            onChange={() => handleSelect((row.original as TSelectableTableRowData).selectionValue)}
                        />
                    ),...tableColumns,]);
    }
);

这是我的Table组件状态和更改时的回调：

const [selected,setSelected] = React.useState<string[]>([]);

const handleSelect = (selectedValue: string) => {
    setSelected(selected.concat([selectedValue])); // When I reach here,state is always = [],but it must have one item,when I check second checkbox.
};

似乎每个复选框事件处理程序都使用其自己的反应状态。有什么想法为什么会那样吗？谢谢！

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）