2017-07-31 1 views
0

こんにちは、私はFlowとReactに問題があります。React要素 `form`の小道具にプロパティが見つかりません

私はこれらのエラーを受けています。私はそれらを取り除きたいと思います。私は何が欠けています私はどこでも検索しています。私は小道具がなくなっていることを理解していますが、どこにそれらを定義するかを見つけることができません。

フロー:プロパティclassName。反応物の小道具にはプロパティが見つかりませんform

フロー:プロパティonSubmit。プロパティは、要素form

export default class LoginForm extends React.Component { 
    _submitForm: Function; 

    constructor(props?: {}) { 
     super(props); 

     this.state = { 
      form: { 
       email: '', 
       password: '', 
      }, 
      errors: { 
       _form: "", 
       email: "", 
       password: "" 
      } 
     }; 

     this._submitForm = this._submitForm.bind(this); 
    } 

    _handleValues(param: string, value?: string) { 
     let obj = this.state; 

     obj['form'][param] = value; 

     this.setState(obj); 
    } 

    _submitForm(event: Event) { 
     this._clearErrors(event); 

     let form = this.state.form; 

     AxiosQueue 
      .post({ 
       url: LINK.AUTHENTICATE, 
       data: form 
      }) 
      .then(({data}) => { 
       if (!data.success) { 
        return; 
       } 
      }) 
      .catch((response) => { 
       console.error(response); 
      }); 
    } 

    render() { 
     const {errors, form} = this.state; 

     const user = UserStore.getUser(); 
     const formText = FORM_TEXT[user.language || "en_AU"]; 

     return (
      <form className="form-inline" onSubmit={this._submitForm}> 

       {errors._form} 

       <InputEmail id="email" error={errors.email} value={form.email} callback={this._handleValues}/> 
       <InputPassword id="password" error={errors.password} value={form.password} 
           callback={this._handleValues}/> 


       <button type="submit" className="btn btn-default">{formText.LOGIN}</button> 
      </form> 
     ); 
    } 
} 

答えて

1

あなたの変数名formとの競合がシンテックスconst {errors, form} = this.state;formコンポーネントであると反応の小道具には見られません。解決策は、this.stateに別の名前を付けることです。同様

this.state = { 
    formValidation:{ 
     //Validation properties 
    } 
} 

そしてそうそれは紛争

const {formValidation} = this.state 
を削除します消費
関連する問題