Javascript I'；我正在尝试制作一个应用程序，但不断出现以下错误

TypeError:无法读取未定义的属性“setState”

这是我的代码，我看到了另一个同样的问题，但它是针对react的早期版本，并且有类和构造函数 最初

this.setState

是

this.state

，但由于VS代码的警告，我更改了它

    function App() {
    this.setState({
      input:'',
  })
  this.onInputChange= (event)=> {
    console.log(event)
  }
  return (
    <div className="App">
      <Particles className="particles" params={particlesOptions} />
      <Navigation />
      <Logo />
      <Rank />
      <ImageLinkForm onInputChange={this.onInputChange} />
      {/* <FaceRecognition/> */}
    </div>
  );
}

export default App;

函数应用程序（）{
这是我的国家({
输入：“”，
})
this.onInputChange=（事件）=>{
console.log（事件）
}
返回(
{/*  */}
);
}
导出默认应用程序；

我不知道您到底想做什么。您试图更新Functional组件中的状态，因为它是基于类的组件。如果您使用函数，提供状态的方法是导入

useState

hook

。据我所知，您在这里尝试执行的操作与在

函数组件中使用状态兼容

import React,{useState} from "react";

 function App() {
    const [input,setInput]=useState("");

  const onInputChange= (event)=> {
    setInput(event.target.value)
  }
  return (
    <div className="App">
      <Particles className="particles" params={particlesOptions} />
      <Navigation />
      <Logo />
      <Rank />
      <ImageLinkForm onInputChange={onInputChange} />
      {/* <FaceRecognition/> */}
    </div>
  );
}

import React，{useState}来自“React”；
函数App（）{
const[input，setInput]=useState（“”）；
const onInputChange=（事件）=>{
setInput（event.target.value）
}
返回(
{/*  */}
);
}

要了解更多信息，请阅读文档中有一个很好的解释：
函数组件没有this.setState，请使用hook。或者只使用类组件，它们仍然可以正常工作。你能解释一下吗@琼尔夏普