React Table - useRowSelect 的单选输入

如何在 React Table 中使用单选输入而不是复选框作为可选表？

有一个复选框但没有单选按钮的示例：https://github.com/tannerlinsley/react-table/blob/master/examples/row-selection/src/App.js https://github.com/tannerlinsley/react-table/blob/master/examples/row-selection/src/App.js

更改 InminatedCheckox 以使用无线电输入不起作用，因为反应表中的选择状态未更新：

const IndeterminateCheckbox = React.forwardRef(({ indeterminate, ...rest }, ref) => {
    const defaultRef = React.useRef();
    const resolvedRef = ref || defaultRef;

    useEffect(() => {
      resolvedRef.current.indeterminate = indeterminate;
    }, [resolvedRef, indeterminate]);

    return <input name="select-radio" type="radio" ref={resolvedRef} {...rest} />
    );
  });

It looks correct but does not pass the correct selection state back:

快速浏览了一下。尝试这个：

• 拥有 rowId 的状态

const [selectedRowId, setSelectedRowId] = useState(null);

• Pass autoResetSelectedRows: false, to useTable功能

• 手动为无线电编写点击处理程序

  onClick={() => setSelectedRowId(row.id)}

我在这里整理了工作代码。https://codesandbox.io/s/objective-faraday-gzf7y https://codesandbox.io/s/objective-faraday-gzf7y

Notes:

• 快速变化的值可能会出现一些小问题selectedFlatRows。我还没有完全研究过这个问题，但我发现https://github.com/tannerlinsley/react-table/issues/1740 https://github.com/tannerlinsley/react-table/issues/1740。该问题说已修复，但我不完全确定。
• 如果您在获取行数据时遇到问题，请尝试查看以下链接是否有帮助如何获取React表行数据Onclick https://stackoverflow.com/questions/56086420/how-to-get-react-table-row-data-onclick https://codesandbox.io/s/tannerlinsleyreact-table-row-selection-hoisted-b4dvq?from-embed https://codesandbox.io/s/tannerlinsleyreact-table-row-selection-hoisted-b4dvq?from-embed 单击反应表时选择行 https://stackoverflow.com/questions/44845372/select-row-on-click-react-table