陣營使用狀態

Question

我想實現一個陣營使用功能的智能組件，如下所示 https://hackernoon.com/react-stateless-functional-components-nine-wins-you-might-have-overlooked-997b0d933dbc

我的問題然而，我需要保持狀態的功能組件，以及如何做，在這種情況下，比如我需要訪問和設置

this.state = {Title: 'Login'}; 

Answer 1

無國籍功能組件不能有狀態，你需要使用常規的陣營組件，如果你想在組件中有狀態。

Answer 2

無狀態功能組件旨在面向演示，因爲它們本身不能擁有本地UI狀態。這很棒，因爲如果沒有內部狀態的能力，使用純功能組件可以更好地在應用程序中使用single responsibility principle，從而讓更簡單的組件可以更輕鬆地完成更少的工作。這是設計軟件的一個勝利，它不會讓您稍後維護和添加功能。

無狀態功能組件以Container component的狀態傳遞，負責通過其Container組件通過道具呈現傳遞給它們的狀態。這使得Container組件可以更簡單，更集中地負責獲取和轉換數據以傳遞給無狀態的功能組件。純粹的功能組件抽象出了從容器中渲染JSX的細節。

所以很長的故事，你想要的是一個容器組件類所以你必須可以創建相關的UI狀態和做出反應lifecycle methods管理它，你不必在一個純粹的功能組件訪問。