状态未定义

Question

我是新来的反应，我收到状态和方法的错误：

./src/App.js
第 5 行：'state' 未定义 no-undef
第 8 行：'inputchangehandler' 未定义 no-undef

这是我的代码，直到现在：

import React from 'react';
import './App.css';

function App() {
state = {
  userInput: ''
}
 inputchangehandler = (event) => {
    this.setState = ({
      userInput: event.target.value
    })
  }
  return (
    <div className="App">
      <input type="text" name="name" 
      onChange={this.inputchangehandler} 
      value = {this.state.userInput}/>
    </div>
  );
}

export default App;

Answer 1

在反应中有两种类型的组件。

1. 功能组件（就像您使用的那样）
2. 类组件

功能组件是无状态的（在旧版本中，您hooks现在可以使用）组件。因此，如果您想直接使用state，则应将组件更改为基于类的组件，如下所示：

import React, { Component} from 'react';
import './App.css';

class App extends Component {
state = {
  userInput: ''
}
 inputchangehandler = (event) => {
    this.setState = ({
      userInput: event.target.value
    })
  }
render(){
return (
        <div className="App">
          <input type="text" name="name" 
          onChange={this.inputchangehandler} 
          value = {this.state.userInput}/>
        </div>
      );
    }
}


export default App;