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

Question

我想在 React-Admin 中将每个页面上的标题更改为自定义 Recorse 或 list 或 edit 或 create composites 中是否有特定属性？ 请指导我 谢谢

enter image description here

Answer 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>
);

如果你想更改菜单中的名称，你可以将带有标签的选项属性传递给资源:

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

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