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

import * as React from 'react';
import { Admin, Resource } from 'react-admin';
import { Route } from 'react-router-dom';

const App = () => (
    <Admin title="My App">
        <Resource name="posts" />
        {/* 其他资源 */}
    </Admin>
);

import * as React from 'react';
import { useTitle } from 'react-admin';

const MyPage = () => {
    useTitle('My Custom Page Title');
    return (
        <div>
            {/* 页面内容 */}
        </div>
    );
};

import * as React from 'react';
import { withTitle } from 'react-admin';

class MyPage extends React.Component {
    render() {
        return (
            <div>
                {/* 页面内容 */}
            </div>
        );
    }
}

export default withTitle('My Custom Page Title')(MyPage);

import * as React from 'react';
import { Admin, Resource } from 'react-admin';
import { PostList, PostEdit, PostCreate } from './posts';

const App = () => (
    <Admin title="My App">
        <Resource name="posts" list={PostList} edit={PostEdit} create={PostCreate} />
        {/* 其他资源 */}
    </Admin>
);

const PostList = (props) => {
    useTitle('Posts List');
    return (
        <div>
            {/* 列表内容 */}
        </div>
    );
};

const PostEdit = (props) => {
    useTitle(`Edit Post ${props.id}`);
    return (
        <div>
            {/* 编辑内容 */}
        </div>
    );
};

const PostCreate = (props) => {
    useTitle('Create Post');
    return (
        <div>
            {/* 创建内容 */}
        </div>
    );
};

export default App;