Question

我现在尝试使用React和Redux。我现在正在制作i18n App，所以我必须在这个项目中使用React-intl包现在我的登录表是这样的。和导入如下所示。

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

现在，我想使用intl.formatMessage，因此我必须将injectIntl用于此组件，如

export default injectIntl(LoginForm);

现在我没有任何错误。
另外，我想在我的登录名表单和电子邮件表单中使用Redux-form。像

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

我需要两者，所以我把它们组合成1个导出，比如

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

或

export default injectIntl(reduxForm({
  form: 'entrance',
  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)
...

我可以使用这两个警告，但我怎么想摆脱这个警告我该怎么办？

Answer 1

您需要将Redux-Form更新为v6以克服这些错误（假设您正在运行React v15.2.0 +）。运行：

npm install --save redux-form@6.0.0-rc.3

由于其基础架构发生重大变化，您还需要更改使用Redux-Form的方式。看一下这里的文档： http://redux-form.com/6.0.0-rc.3/docs/MigrationGuide.md/

此外，本教程还提供了代码示例，演示了Redux-Form v6设置的外观：http://davidmeents.com/create-redux-form-validation-initialized-values/

React-intl，Redux-Form结合并引发警告

1 个答案: