React中模态的最佳模式

Question

我的应用程序中需要多个模态。我正在考虑管理模式状态的最佳方法。从我的研究以及对React的了解中，我看到了两种管理它的方法。

1）使用React useState挂钩在可能显示模态的每个组件中管理模态的状态。

2）使用Context API在组件树的顶部创建上下文和状态，并使用useContext钩子访问每个可能显示模式的组件中的状态。

这两种方法都与我非常相似。

const [isOpened, toggleModal] = useState(false)

vs

const [isOpened, toggleModal] = useContext(ModalContext)

在性能方面，这些方法中的一种是否比另一种更好？每个代码所需的代码量几乎相同。或者，如果有更好的解决方案，我将不胜感激！谢谢。