React有时会在“渲染阶段”,多次“渲染”应用,，以计算在“提交阶段”***期间应渲染（即刷新）到DOM***的差异。“提交阶段”通常被视为React组件的“渲染”阶段，因为这是我们看到UI更新的时候。

为什么这种区分很重要？
注意，* 整个 * React函数组件主体是“呈现”方法，并且“呈现”方法在“可由React暂停、中止或重新启动”的“呈现阶段”期间被调用。这意味着React可根据需要多次调用“呈现”方法，以便在协调过程期间（即，当状态更新已被排队并被处理时）计算差异。
您在useSelector钩子回调中将控制台日志记录为 * 无意的副作用 。
这些日志不应该与组件重新渲染或被渲染到DOM多次混淆。这些日志是“渲染阶段”的意外副作用，可能会发生多次。
如果你想记录状态更新作为状态更新-〉渲染到DOM*的结果，那么把所有的控制台日志移到一个useEffect钩子中。useEffect钩子用于运行 * 故意 * 副作用。1 React组件渲染== 1故意副作用。
应用示例：

function App() {
  const col = useSelector(selectCol);
  const row = useSelector(selectRow);

  useEffect(() => {
    console.log("Count:", { col, row });
  }, [col, row]);

  return (
    <div className="container">
      <Row />
      <Addcolumn />
      <Addrow />
    </div>
  );
}