javascript - 如何捕获在 react-admin 中创建的记录的新 ID？

Question

我想在创建记录后立即触发一个操作以使用在 react-admin 中创建的记录的新 ID。

最好的方法是什么？

以下是一些基于您可以传递给 SimpleForm/TabbedForm 的道具的想法以及项目维护者之一的这个问题。

• 包装save传递给表单的函数。
• 为我的表单创建一个自定义toolbar和保存按钮，尝试将它挂在那里。
• 使用表单redirect道具重定向到一个临时页面，我在其中使用新 ID 进行工作。

或者，

• 尝试使用redux-form API挂钩表单生命周期事件。
• 在我的自定义数据提供程序中添加一些额外的代码来触发我的操作。

还有其他想法吗？

标签： javascriptreactjsreact-admin

Answer 1

您可以创建自定义 saga 并处理 CRUD_CREATE_SUCCESS 操作： https ://marmelab.com/react-admin/Actions.html#custom-sagas

createSuccessSaga.js

import {
  put,
  takeEvery,
} from 'redux-saga/effects'

import {
  CRUD_CREATE_SUCCESS,
} from 'react-admin'

function* createSuccess(action) {
  try {                        
    console.log('createSuccess:', action) // action.payload.data.id -> Record ID     
    yield put('you action')              
  } catch (error) {
    console.log('createSuccess:', error) 
  }
}

function* createSuccessSaga() {
  yield takeEvery(CRUD_CREATE_SUCCESS, createSuccess) 
}

export default createSuccessSaga