在ViewDispatcher组件中，我使用react-use库中的useList钩子获取输入属性initialItems并创建items变量。这有助于我使用update方法轻松地操作列表：

export const ViewDispatcher = ({ mode, loading, items: initialItems }) => {
  const [items, { update }] = useList(initialItems);
  console.log("[ViewDispatcher] Rendering", initialItems, items);

  switch (mode) {
    case "list":
      if (loading) {
        return null;
      }

      return <>{JSON.stringify(items)}</>;
    default:
      throw new Error("Unsupported view.");
  }
};

我面临的问题（pen here）是：**为什么我的items变量为空，而initialItems被正确填充？**我禁用了React strict模式以避免污染日志：
[视图调度程序]呈现[] []
[ViewDispatcher]呈现[对象，对象，对象，对象，对象，对象，对象，对象，对象，...] []
输入items来自View组件，该组件只是从

export const View = () => {
  const [{ loading, items }, setState] = useState({ loading: true, items: [] });

  useEffect(() => {
    fetch("https://jsonplaceholder.typicode.com/todos")
      .then((res) => res.json())
      .then((items) => {
        setState((prev) => ({ ...prev, loading: false, items }));
      });
  }, []);

  return <ViewDispatcher mode="list" loading={loading} items={items} />;
};