向react-admin应用程序栏添加自定义按钮

import * as React from "react";
import { AppBar, Button, Toolbar } from "react-admin";
import { makeStyles } from "@material-ui/core/styles";

const useStyles = makeStyles({
  toolbar: {
    display: "flex",
    justifyContent: "space-between",
  },
});

const CustomAppBar = (props) => {
  const classes = useStyles();

  return (
    <AppBar {...props}>
      <Toolbar className={classes.toolbar}>
        {/* 在这里添加自定义按钮 */}
        <Button color="inherit">自定义按钮</Button>
        {/* 其他默认按钮 */}
        {props.children}
      </Toolbar>
    </AppBar>
  );
};

export default CustomAppBar;

import * as React from "react";
import { Admin, Resource } from "react-admin";
import CustomAppBar from "./CustomAppBar";
import { PostList } from "./posts";

const App = () => (
  <Admin appBar={CustomAppBar}>
    <Resource name="posts" list={PostList} />
  </Admin>
);

export default App;