页面配置

框架为页面级组件提供了一些特殊的配置项,让页面级组件可以快速拥有一些能力,只需要在页面组件上声明 pageConfig 属性即可:

  1. // src/pages/Home/index.tsx
  2. import React from 'react',
  3. const Home = () => {
  4. return <div>Home</div>;
  5. };
  6. Home.pageConfig = {
  7. # '',
  8. scrollTop: ''
  9. };
  10. export default Home;

页面标题

title: 用于配置渲染页面的标题。

Type: string (default: ‘’)

  1. const HomePage = () => {
  2. return (
  3. // jsx code...
  4. )
  5. }
  6. HomePgae.pageConfig = {
  7. # 'Home'
  8. }

页面滚动

scrollToTop:用于渲染页面前是否需要将当前页面滚动至顶部,这个配置用于嵌套路由的应用场景。

Type: Boolean (default: false)

  1. const HomePage = () => {
  2. return (
  3. // jsx code...
  4. )
  5. }
  6. HomePage.pageConfig = {
  7. scrollToTop: true
  8. }