2016-08-11 8 views
2

私は今、ReactとReduxを使用しようとしています。私は今i18nアプリケーションを作っているので、このプロジェクトでReact-intlパッケージを使用する必要があります。
私のログインフォームは次のようなものです。インポートは以下のようになります。React-intl、Redux-Formは、警告を結合して呼び起こします。

import React, { 
    Component 
} from 'react'; 
import { 
    reduxForm 
} from 'redux-form'; 
import { 
    injectIntl 
} from 'react-intl'; 

今、私はintl.formatMessageを使用したいので、私は

export default injectIntl(LoginForm); 

のように、このコンポーネントにinjectIntlを使用する必要があり、今、私はすべてのエラーを得ることはありません。
また、Reduxフォームを自分のログイン名フォームと電子メールフォームに使用したいと考えています。

export default injectIntl(reduxForm({ 
    form: 'entrance', 
    fields: ['name', 'password'] 
})(LoginForm)); 

しかし、私は警告

を持っている上の両方のタイプ

export default reduxForm({ 
    form: 'entrance', 
    fields: ['name', 'password'] 
})(injectIntl(LoginForm)); 

または

よう 、私は両方必要なので、私は1つの輸出にそれらを組み合わせたような

export default reduxForm({ 
    form: 'loginForm', 
    fields: ['name', 'password'] 
})(LoginForm); 

warning.js:44Warning: Unknown props `initialValue`, `autofill`, `onUpdate`, `valid`, `invalid`, `dirty`, `pristine`, `active`, `touched`, `visited`, `autofilled` on <input> tag. Remove these props from the element. For details, see "abbred" 
in input (created by TextField) 
in div (created by TextField) 
in TextField (created by Entrance) 
in div (created by CardText) 
... 

私は両方を使用することができますウィットh警告ですが、この警告をどうやって消したいのですか?
どうすればいいですか?

答えて

2

これらのエラーを解決するには、Redux-Formをv6にアップデートする必要があります(React v15.2.0 +を実行していることを前提としています)。実行:

npm install --save [email protected] 

Redux-Formのインフラストラクチャの大幅な変更により、Redux-Formの使用方法も変更する必要があります。ここでのドキュメントを見てみましょう: はまたhttp://redux-form.com/6.0.0-rc.3/docs/MigrationGuide.md/

、このチュートリアルではReduxのフォームv6のセットアップがどのように見えるべきかを実証コードサンプルがあります:http://davidmeents.com/create-redux-form-validation-initialized-values/

+0

ああおかげで、私のすべての警告がなくなってきました! – Jama

+1

しかし、私は手紙をタイプすると、フィールドに焦点を当てて、新しい問題を発見... – Jama

関連する問題