React `this.props`はユーザ定義関数で定義されていません

Question

react.jsとredux-formを使用しています。
LoginFormという名前のコンポーネントはredux形式です。 redux-formで送信すると、callBack関数loginRequestが実行されます。バックエンドにログインメッセージを投稿します。

私は問題に直面しています。 私はconnectを使ってreduxを接続して反応します。 関数loginRequestにあります。 this.propsは未定義ですが、render関数レンダーではthis.props.postLoginが定義されています。

export default class Login extends React.Component { 

    constructor(props){ 
    super(props); 
    this.state = { 

    }; 
    } 

    loginRequest = (values) => { 
    this.props.postLogin(values.username, values.password); 
    } 

    changeAllFun =() => { 
    hashHistory.push('/organizationManager') 
    } 

    //organizationManager 
    render(){ 
    return (
     <div style={style.loginStyle}> 
      <h1>Login</h1> 
      <RaisedButton disableTouchRipple={true} 
         disabled={false} label="postLogin" 
         onTouchTap={this.changeAllFun} 
         ></RaisedButton> 
      <LoginForm onSubmit={this.loginRequest} style={style.loginStyle}/>  
     </div> 
    ); 
    } 
} 

この問題を解決するためのベストプラクティスについてはわかりません。

Answer 1

ごめんなさい。 thisは定義されていません。リアクションコードを検査し、そのリアクションコードをデバッグするためにブレークポイントを使用すると、 ログインボタンを押すとthis.props.postLoginが実行されます。 私のクロームが私を騙しました。 おそらくReact Developer Toolsのバグです。