小编Oma*_*llo的帖子

我正在构建一个 React 应用程序，并开始使用CRA。我使用React Router配置了应用程序的路由。页面组件是延迟加载的。

有 2 页：主页和关于。

...
const Home = lazy(() => import('./Home'));
const About = lazy(() => import('./About'));

...
      <Suspense fallback={<div>Loading...</div>}>
        <Switch>
          <Route path="/about" component={About} />
          <Route path="/" component={Home} />
        </Switch>
      </Suspense>
...

每个页面都使用Button下面的组件。

import React from 'react';
import styles from './Button.module.scss';

const Button = ({ children, className = '' }) => (
    <button className={`${styles.btn} ${className}`}>{children}</button>
);

export default Button;

该Button.module.scss文件只是将按钮的背景颜色设置为red。

.btn …