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

可以通过以下步骤实现：

首先，确定要在应用程序栏中添加自定义按钮的位置和样式。
在React组件中，引入AppBar组件，并使用自定义样式对其进行定制。例如：

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;

在Admin组件中，使用自定义的AppBar组件替代默认的AppBar组件。例如：

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;

通过以上步骤，您可以向react-admin应用程序栏中添加自定义按钮。按钮的功能可以根据您的需求进行进一步定制和扩展，例如添加点击事件、跳转链接等。请根据具体场景进行相应的操作。

腾讯云相关产品和产品介绍链接地址：