React中有状态逻辑和状态之间的区别是什么？

Question

我正在浏览hooks documentation并且他们非常清楚

这些组件的状态完全独立。钩子是重用有状态逻辑的一种方式，而不是状态本身。

我想清楚这两件事之间的区别。

Answer 1

这就是说，当您在多个组件中重用自定义挂钩时，实际的状态数据将不会在这些组件之间共享。每次使用钩子时都会有一个单独的状态数据实例。

如果你确实想要共享状态，那么你会看到使用useContext钩子（它也可以用在自定义钩子中，这意味着钩子的多次使用可以共享状态）。

Answer 2

State是描述UI当前条件的值的组合。它可以在组件之间共享，因为它们订阅了它的更改，并且其中一些组件可以对它进行更改。

有状态逻辑是使用状态的任何代码，但在钩子的情况下，我将其定义为使用一个或多个钩子创建的行为。这就像是你添加到一个组件的特权。 perk是一个很好的例子，因为它告诉你它的值是特定于该组件的，但是多个组件可以具有该特性，这就是它被称为可重用的原因。