javascript - React 组件从函数更改为类 - 状态和状态钩子(Hook)

Question

我有一个问题，因为我在任何地方都找不到答案。问题是:下面的钩子(Hook)的初始值是多少:“函数”示例:

function Example() {
  const [settings, setSettings] = useState({});

  return (
     ...
  );
}

在这里，我将这个函数“Example”编写为类，但我不知道如何初始化状态(是空字符串、空列表还是 0 值？)

class Example extends React.Component {
    constructor(props) {
        super(props);

        this.state = {
             settings: <-- and what here?
        };
    }

Answer 1

useState 将初始值作为其唯一参数传递 - 在您的情况下 {}。

您可以在第二个代码片段中完成相同的操作，如下所示:

class Example extends React.Component {
    constructor(props) {
        super(props);

        this.state = {
             settings: {}
        };
    }
}

进一步阅读:

• The React docs have an example almost identical to yours.
• useState source