が反応：SETSTATEが定義されていない、私はすでにこの

Question

を結合しようとした私は非常にシンプルなログインページに反応している：

import React from "react"; 
import {browserHistory} from 'react-router'; 

export default class Login extends React.Component{ 
    constructor(){ 
    super(); 
    this.handleEmail = this.handleEmail.bind(this); 
    this.handlePW = this.handlePW.bind(this); 
    this.handleLogin = this.handleLogin.bind(this); 
    this.state = { 
     email: "", 
     pw: "", 
    } 
    } 

    handleEmail(event){ 
    this.setState({email:event.target.value}); 
    console.log(setState); 
    } 

    handlePW(event){ 
    this.setState({pw:event.target.value}); 
    console.log(setState); 
    } 

    handleLogin(){ 
    console.log("clicked"); 
    } 

    render(){ 
    return(
     <div> 
     <form> 
      Email: 
      <br/> 
      <input type="text" id="email" onChange={this.handleEmail}/> 
      <br/> 
      PW: 
      <br/> 
      <input type="text" id="pw" onChange={this.handlePW}/> 
      <input type="submit" value="Submit" id="submit" onClick={this.handleLogin}/> 
     </form> 
     </div> 
    ) 
    } 
} 

私は次のようなエラーに実行している：「にReferenceErrorを：SETSTATEが定義されていません」

を

私の目標は、[Submit]ボタンのクリック時にEmailとPasswordの値を割り当てることです。私は他のいくつかのStackOverflowの質問を読んで、この問題がこのバインディングであると思われます。コンストラクタでこれを解決しようとしました。このエラーの原因は何ですか？

Answer 1

コンソールに状態を記録することを目標とする場合は、console.log(this.state)を使用してください。