相关疑难解决方法(0)

mapstatetoprops和mapdispatchtoprops之间的区别是什么

反应还原函数的函数mapStateToPropsmapDispatchToProps参数之间的区别是什么connect?任何人都可以用例子给出合适的解释

reactjs redux react-redux

22
推荐指数
3
解决办法
1万
查看次数

reduxForm - 更新后的initialValues不适用

我使用Redux表单版本6.8.0.

我有一个表单组件,它通过"mapStateToProps"函数得到它的"initialValues".在第一次渲染时,一切都很好.

在我的表单配置之后:

const CategoryChangeForm = reduxForm({
  form: 'change-category',
  validate: newCategoryValidate,
  enableReinitialize: true
})(CategoryChange);
Run Code Online (Sandbox Code Playgroud)

当我更改字段"类别"并且更新成功时,我从firebase接收新的更新值.我通过提到的"mapStateToProps"函数将此更新值传递给"initialValues":

function mapStateToProps(state, ownProps) {
    return {
    initialValues: { category: state.categories[ownProps.id].name, id: ownProps.id }
  };
}
Run Code Online (Sandbox Code Playgroud)

预计新值将应用于"类别"-Field组件.但它没有获得更新的价值.

我的"Field"组件的配置:

const fieldProps = {
  category: {
    name: 'category',
    type: 'text',
    placeholder: 'Bezeichnung',
    component: InputField
  },
  hidden: {
    name: 'id',
    type: 'hidden',
    component: 'input'
  }
};
Run Code Online (Sandbox Code Playgroud)

这是我的表单组件:

export const CategoryChange = props => {
  const {
    color,
    message,
    handleSubmit,
    stateComponent
  } = props;

  console.log("Props: ", props);

  return …
Run Code Online (Sandbox Code Playgroud)

render reactjs redux-form

5
推荐指数
1
解决办法
1777
查看次数

Redux-form:如何在模式弹出时从 API 调用加载值(编辑模式)到表单?

我对 React 和 Redux-Form 还很陌生,目前我需要一些帮助。

基本上我有列表页面和他们的编辑按钮。单击编辑时,我会显示一个带有字段的模式弹出窗口,并执行 API 调用以获取相应的列表数据。

您能否让我知道如何使用从 API 调用接收到的数据预先填充模态弹出窗口中的字段?

非常感谢带有代码示例的演示(就像我说我对 React & Redux & Redux-form 很陌生)。:(

提前致谢!

html javascript reactjs redux redux-form

0
推荐指数
1
解决办法
3504
查看次数

标签 统计

reactjs ×3

redux ×2

redux-form ×2

html ×1

javascript ×1

react-redux ×1

render ×1