Question

可以在react-admin中禁用乐观UI，还是可以在运行时配置？

Answer 1

禁用编辑组件中的可撤销属性：

<Edit undoable={false} title={<EditTitle />} actions={<EditActions />} {...props}>

Answer 2

您知道无法在undoable组件上设置Create。如果您的props与Create页面不同而不是禁用它，这是一种处理乐观渲染的方法。

这是在<Show/>上处理乐观渲染的示例：

const ItemShow = (props) => {
  const record = props;
  return (
    <Show
      {...props}
    >
      <ItemCreatedScreen />
    </Show>
  );
};

const ItemCreatedScreen = ({ record }) => {
  if (record.isFromCreatePage) {
    return <Loading />;
  } else {
    return <ItemView record={record} />;
  }
};

isFromCreatePage组件形式的自定义道具Create应该可以帮助您确定道具是否确实来自“创建”页面。

乐观渲染将在几秒钟后将请求发送到API，同时，UI可以显示<Loading/>符号，这是我可能会添加的很短的持续时间。之后，请求将从服务器获取数据，然后可以将其传递到<ItemView/>页。

如何禁用react-admin中的乐观UI更新？

2 个答案: