TypeError：无法读取未定义-PokeApi的属性“set state”

Question

TypeError：无法读取未定义的属性“Set State”

我认为使用重定向是最好的选择，但我不确定。

export default class SearchBar extends React.Component {
    
  constructor(props) {
    super(props);
    this.state = {redirect: false , value: ''};
  }

    setRedirect(event) {
        this.setState({
          redirect: true,
          value: event.target.value
        });
      };
      renderRedirect = () => {
        if (this.state.redirect) {
          return <Redirect to={{
            pathname: `/pokemon/filtered/${this.state.value}`,
           }}/>;
        }
      };

    render() {
      return (
        <form>
          <input type="text" value={this.state.value} onChange={this.setRedirect()} />
        </form>
      );
    }
  }

Answer 1

你在这里一定会犯错

1. 在输入行的onchange上，您实际上调用了您添加的函数beacuse
   

 <input type="text" value={this.state.value} onChange={this.setRedirect} />

其次，由于这是一个类，您需要将函数绑定到构造函数上的该类

  constructor(props) {
    super(props);
    this.state = {redirect: false , value: ''};
    this.setRedirect = this.bind.setRedirect(this)
  }