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

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 components

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>

  );

}