css - 等待后台渲染组件

Question

我使用反应路由器。根据路线，我在每个菜单按钮上都有一个动态 css 类。

当我们到达站点或改变路线时，背景需要时间才能出现，我们首先看到其他组件。

我想在渲染页面的其余部分之前更快地显示它或创建一种加载器。

网站：https ://nicolasmunoz.fr/

创建类的代码：

function App() {
  const path = useLocation().pathname;
  const location = path.split("/")[1];
  console.log(location)
  return (
    

      <div className= {"App" + location}>
          
          <nav className='Navigation_bar'>
            <Logo />
            <ul>
              <li>
                <NavLink
                  activeClassName="active"
                  className='Nav_button'
                  to="/Competences">Competences
             </NavLink>
              </li>
              <li>
                <NavLink
                  activeClassName="active"
                  className='Nav_button'
                  to="/Portfolio">Portfolio..
            </NavLink>
              </li>
              <li>
                <NavLink
                  activeClassName="active"
                  className='Nav_button'
                  to="/CV">Curriculum.
                  </NavLink>

标签： cssreactjsreact-router