**编辑：**我找到了解决方案，这是由于克布雷泽的建议，以及对桌钩如何工作的更多了解(我在YouTube上找到了这些，愚蠢地没有完全理解)。通过道具回调将currentData发送回ParentComponent是我从他们的回答中得到的。但是，从tableHooks向回调传递currentData不起作用。然后我意识到，虽然它能够访问行，但它不能访问CurrentData。将Cell: ({ row })更改为Cell: ({ currentData, row })成功了。

如果你正试图在自己的Reaction应用程序中解决类似的问题，这可能不是确切的答案，但我建议你理解克莱泽的答案，希望这能让你踏上前进的道路。

原问题：

几天来，我一直遇到一个问题，似乎是因为我缺乏使用Reaction和Java脚本的经验，但由于不知道问题是什么，所以很难找到解决方案。以下是一些示例代码，在某种程度上隔离了这个问题：

export const ParentComponent = () => {
    const [currentData, setCurrentData] = useState([]);

    const fetchCurrentData = async () => {
        let fetchedCurrentData = await getFunctions.getCurrentData();
        setCurrentData(fetchedCurrentData);
    }

    const handleButtonPress = (row) => {
        console.log(currentData);
    }

    return (
        <div>
            <ChildComponent data={currentData} handleButtonPress={handleButtonPress} />
        </div>
    )
}

export default function ChildComponent(props) => {
    const columns = useMemo(() => COLUMNS, []);
    const data = useMemo(() => props.data, [props.data]);

    const tableHooks = (hooks) => {
        hooks.visibleColumns.push((columns) => [
            ...columns, {
                id: "add",
                Header: "Add",
                Cell: ({ row }) => (
                    <button onClick={() => props.handleButtonPress()}>Add</button>
                )
            }
        ])
    }

    const {
        getTableProps,
        getTableBodyProps,
        headerGroups,
        rows,
        prepareRow
    } = useTable({
        columns,
        data
    }, tableHooks);

    return (
        <div>
            <table {...getTableProps()}>
                <thead>
                    {headerGroups.map(headerGroup => (
                        <tr {...headerGroup.getHeaderGroupProps()}>
                            {
                                headerGroup.headers.map(column => (
                                    <th {...column.getHeaderProps()}>{column.render('Header')}</th>
                                ))
                            }
                        </tr>
                    ))}
                </thead>
                <tbody {...getTableBodyProps()}>
                    {rows.map((row, i) => {
                        prepareRow(row);
                        return (
                            <tr {...row.getRowProps()}>
                                {
                                    row.cells.map(cell => {
                                        return <td {...cell.getCellProps()}>{cell.render('Cell')}</td>;
                                    })
                                }
                            </tr>
                        );
                    })}
                </tbody>
            </table>
        </div>
    )
}

流程是这样的：

1.接收数据
1.使用setCurrentData更新currentData状态变量
1.重新渲染ParentComponent
1.ChildComponent也被渲染，并通过道具接收currentData
1.此外，ChildComponent通过道具接收函数handleButtonPress
1.ChildComponent使用react-table(v7.8.0)显示数据，然后通过挂钩在表中创建额外的列，每一行都有一个按钮
1.按钮设置为从道具onClick调用handleButtonPress
1.按下按钮，调用handleButtonPress

上述流程运行正常。当从ChildComponent调用函数handleButtonPress时，当console.log(currentData)记录一个空数组而不是currentData的实际状态时，就会出现该问题。在重新渲染ParentComponent之前，我已验证currentData已填充，并且它已成功到达ChildComponent。

将非常感谢在这方面的一些帮助！如果我必须猜测哪里出错了，那就是通过道具传递函数handleButtonPress可能会在设置currentData之前发送该函数的一个版本，但就像我说的那样，我对Reaction非常缺乏经验，这只是一个猜测！

谢谢你的阅读。