私は今、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警告ですが、この警告をどうやって消したいのですか?
どうすればいいですか?
ああおかげで、私のすべての警告がなくなってきました! – Jama
しかし、私は手紙をタイプすると、フィールドに焦点を当てて、新しい問題を発見... – Jama