如何在 react-admin 中自定义每个页面的标题

【问题标题】：How to change the title on each page custom in react-admin如何在 react-admin 中自定义每个页面的标题
【发布时间】：2020-04-24 13:18:37
【问题描述】：

我想在 React-Admin 中将每个页面上的标题更改为自定义 Recorse 或列表或编辑或创建复合材料中是否有特定属性？请指导我谢谢

enter image description here

【问题讨论】：

你能告诉我们你到目前为止尝试了什么

标签： reactjs react-admin

【解决方案1】：

List、Show、Create 和 Update 组件都接受 title 属性，它可以是字符串，也可以是你自己的元素。

<List {...props} title="My custom title">
    ...
</List>

或

const PostTitle = props => {
    return <span>Post {props.record ? `"${props.record.title}"` : ''}</span>;
};

export const PostShow = (props) => (
    <Show title={<PostTitle />} {...props}>
        ...
    </Show>
);

如果您想更改菜单中的名称，可以将带有标签的 options 属性传递给 Resource：

<Resource ... options={{label: "Custom menu name"}}>

对于多语言应用，这是通过 Admin 上的 i18nProvider 属性完成的

【讨论】：