我正在尝试制作一个应用程序，但不断收到以下错误

Question

类型错误：无法读取未定义的属性“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;

Answer 1

我不知道你到底想做什么。你正在尝试更新功能组件中的状态，因为它是基于类的组件。如果你使用函数，提供状态的方法是导入。从我useState hook的'已经了解您在这里尝试执行的操作是与使用状态兼容的代码functionnal componentsimport 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>  );}