javascript - React 组件从函数更改为类 - 状态和状态挂钩

Question

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

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

  return (
     ...
  );
}

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

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

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

标签： javascriptreactjs

Answer 1

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

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

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

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

进一步阅读：

• React 文档有一个与您的示例几乎相同的示例。
• useState资源