在 react-admin 中从 redux-form 访问 change() 的简单方法？

Question

鉴于做出的选择，我需要更新一些表单数据。

我想使用 redux-form 中的 change() 函数在选择字段的 onChange 处理程序中执行此操作。

有没有办法使用标准的 react-admin 轻松访问 redux-form 更改功能？

我试过从道具上捡起来，但是没有；

const { change } = this.props;
console.log(change); // undefined

Answer 1

我不确定这是否是您要查找的内容，但这就是我在 react-admin 项目中处理它的方式。我只是直接从redux-form 导入change，然后将REDUX_FORM_NAME 常量从react-admin 传递给它。

进口

import { change } from 'redux-form'
import { REDUX_FORM_NAME } from 'react-admin'
import { connect } from 'react-redux'

编辑组件

<Edit>
    <SimpleForm>
        <MyCustomComponent />
    </SimpleForm>
</Edit>

MyCustomComponent 应该会自动从SimpleForm 接收一个record 属性。另外，我将它连接到 redux 商店：

export default connect(mapStateToProps)(MyCustomComponent)

我故意没有向connect 提供第二个参数，因此我可以在我的组件中访问dispatch。也许另一种方法是可能的，但这对我有用。

所以现在，在MyCustomComponent 中，在我为取消按钮创建的handleCancel 处理程序中，我更改了我想要更改的字段。在我的具体情况下，我想重置字段以包含该字段的未修改存储值。

handleCancel = () => {
    const { record, dispatch } = this.props;
    dispatch(change(REDUX_FORM_NAME, 'name', record.name));
    dispatch(change(REDUX_FORM_NAME, 'description', record.description));
    dispatch(closeDetails()); // unrelated to this answer; closes a modal
}

在上面的代码中，我将“名称”和“描述”字段重置为其原始值。希望这会有所帮助。