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

Question

I want to change the title on each page to custom in React-Admin Is there a specific property in the Recorse or list or edit or create composites? please guide me Thanks

enter image description here

Answer 1

List, Show, Create and Update components all accept title prop, it can be either a string, or an element of your own.

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

or

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

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

If you wanna change the name in the menu, you can pass options prop with label to Resource:

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

For multillingual apps, this is accomplished with the i18nProvider prop on Admin