在react-admin中实现BackButton

import React from 'react';
import { Button } from 'react-admin';
import { useHistory } from 'react-router-dom';

const BackButton = () => {
  const history = useHistory();

  const handleClick = () => {
    history.goBack(); // 返回上一个页面
    // 或者使用 history.push('/path') 返回指定的路由
  };

  return (
    <Button label="返回" onClick={handleClick} />
  );
};

export default BackButton;

import React from 'react';
import { List, Datagrid, TextField } from 'react-admin';
import BackButton from './BackButton';

const PostList = (props) => (
  <List {...props}>
    <Datagrid>
      <TextField source="id" />
      <TextField source="title" />
      <TextField source="body" />
      <BackButton /> {/* 在这里显示返回按钮 */}
    </Datagrid>
  </List>
);

export default PostList;