新的 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"
}