新的react useState钩与'this.state'等效吗？

Question

我正在练习新的React挂钩，我想知道是否有人根据功能组件中的useState挂钩弄清楚了console.log（this.state）的含义。

致谢！

Answer 1

功能组件中没有“状态”。

您可以改为使用“ useReducer”来拥有状态对象。 （如果您的状态是一个复杂的对象）

const [state, dispatch] = useReducer(reducer, initialState);

Answer 2

如果您要将 React 应用程序从基于类转换为钩子。

寻找类似的东西

class App extends Component {
  constructor(props) {
    super(props);
    this.state = {
      var1: "foo",
      var2:"bar"
    };
  }

在这种情况下 this.state.var1 = "foo" this.state.var2 = "bar" this.state =

{
      var1: "foo",
      var2:"bar"
}