react-admin - 教程在 SaveContext 中引发上下文未定义错误

Question

这可能是一个新手问题，但我正在通过 react-admin/Tutorial.html 工作，当涉及到使用 EditGuesser 时，“编辑”页面失败，报告“类型错误:上下文未定义”。 AFAIK，我已按照说明进行操作。
在“添加创建和编辑功能”部分进行调整以引入“edit={EditGuesser}”更改后报告错误。我可以看到教程代码已被编辑，因为 dataProvider 的 const 定义已被删除。是否还删除了其他内容？
如果错误页面已关闭，则底层页面仅会显示“出现问题”。发生客户端错误，无法完成您的请求。
非常感谢任何帮助。
错误详情是:

TypeError: context is undefineduseSaveContextprj_dir/node_modules/ra-core/esm/controller/details/SaveContext.js:23

  20 |  */
  21 | export var useSaveContext = function (props) {
  22 |     var context = useContext(SaveContext);
> 23 |     if (!context.save || !context.setOnFailure) {
  24 |         /**
  25 |          * The element isn't inside a <SaveContextProvider>
  26 |          * To avoid breakage in that case, fallback to props

这是从以下几点开始的:

SaveButtonprj_dir/node_modules/ra-ui-materialui/esm/button/SaveButton.js:75

  72 | var notify = useNotify();
  73 | var translate = useTranslate();
  74 | var setOnSave = useContext(FormContext).setOnSave;
> 75 | var _d = useSaveContext(props), setOnSuccess = _d.setOnSuccess, setOnFailure = _d.setOnFailure, setTransform = _d.setTransform;
     | ^  76 | var handleClick = function (event) {
  77 |     // deprecated: use onSuccess and transform instead of onSave
  78 |     if (typeof onSave === 'function') {

Answer 1

EditGuesser 似乎有问题。如果你在你的 posts.js 中插入了 PostEdit 的代码转储，你只需要用 PostEdit 替换 EditGuesser:

// in src/App.js    
- import { Admin, Resource, EditGuesser } from 'react-admin';
+ import { Admin, Resource } from 'react-admin';
- import { PostList} from './posts';
+ import { PostList, PostEdit} from './posts';
import { UserList } from './users';

const App = () => (
  <Admin dataProvider={dataProvider}>    
  -  <Resource name="posts" list={PostList} edit={EditGuesser} />
  +  <Resource name="posts" list={PostList} edit={PostEdit} />
     <Resource name="users" list={UserList} />
  </Admin>
);