В чем разница между логикой с состоянием и состоянием в React?

Question

Я перебираю документацию по хукам , и они очень ясно дают понять

Состояние этих компонентов полностью независимо. Крючки являются способ повторно использовать логику с сохранением состояния, а не само состояние.

Я хочу прояснить разницу между этими двумя вещами.

Answer 1

Это означает, что при повторном использовании настраиваемого хука в нескольких компонентах фактические данные о состоянии не будут совместно использоваться этими компонентами. Для каждого использования ловушки будет отдельный экземпляр данных о состоянии.

Если вы хотите поделиться состоянием, вы бы хотели использовать useContext ловушку (которая также может использоваться в настраиваемой ловушке, которая будет означать, что многократное использование ловушки может совместно использовать состояние).

Answer 2

Состояние - это комбинация значений, которые описывают текущее состояние пользовательского интерфейса . Он может быть разделен между компонентами в том смысле, что они подписаны на его изменения, и некоторые из них могут вносить в него изменения.

Логика с отслеживанием состояния - это любой код, который использует состояние , но в случае ловушек я бы определил его как поведение, созданное с использованием одной или нескольких ловушек. Это как перк, который вы добавляете в компонент. Перк - хороший пример, потому что он говорит вам, что его значение специфично для этого компонента, но более одного компонента может иметь этот перк, поэтому он называется многоразовым.