Reactjs 在向网站添加React时，如何在功能组件中使用挂钩？

我想在react网站中使用useEffect、useState和其他钩子，这些钩子不是用节点构建的。我如何做到以下几点：

1.向网站添加React时，如何使用功能组件？

2。向网站添加React时，如何在功能组件中使用挂钩？

---

我不想使用此处引用的基于类的组件作为功能组件的示例：

function Welcome(props) {
  return <h1>Hello, {props.name}</h1>;
}

function App() {
  return (
    <div>
      <Welcome name="Sara" />
      <Welcome name="Cahal" />
      <Welcome name="Edite" />
    </div>
  );
}

并在组件内部使用它来创建和更改变量的值

const [count, setCount] = useState(0);

---

count

是一个称为state的变量

setCount

是更新该状态的方式，

0

是默认的赋值。

请遵循本文档，以避免处理来自“React”的类组件@Oussana import React，{useState}；这是行不通的。记得我说过我没有使用react应用程序（react with node）。我正在添加对现有html页面的响应

const [count, setCount] = useState(0);