通过出口上下文传递多个状态变量

一个数组中可以传递两个以上的元素。

<Outlet
  context={[
    currentValue1, setCurrentValue1,
    currentValue2, setCurrentValue2,
    ...
    currentValueN, setCurrentValueN
  ]}
/>

也可以使用对象。这避免了在需要第n个元素时跳过通过数组进行的分解,即。 const [,,,,,,currentValueN] = useOutletContext();

<Outlet
  context={{
    currentValue1, setCurrentValue1,
    currentValue2, setCurrentValue2,
    ...
    currentValueN, setCurrentValueN
  }}
/>

...

const { currentValueN } = useOutletContext();

如何传递所有数据/属性完全取决于您。