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

// CustomLayout.js

import React from 'react';
import { Layout } from 'react-admin';

const CustomLayout = (props) => {
  const { title } = props;

  return (
    <Layout {...props}>
      <h1>{title}</h1>
      {props.children}
    </Layout>
  );
};

export default CustomLayout;

// App.js

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

const App = () => (
  <Admin layout={CustomLayout}>
    <Resource name="posts" list={PostList} edit={PostEdit} create={PostCreate} />
  </Admin>
);

export default App;

// PostList.js

import React, { useEffect } from 'react';
import { List, Datagrid, TextField } from 'react-admin';

const PostList = (props) => {
  useEffect(() => {
    document.title = '自定义页面标题 - 文章列表';
  }, []);

  return (
    <List {...props}>
      <Datagrid>
        <TextField source="title" />
      </Datagrid>
    </List>
  );
};

export default PostList;