React.js构建环境不会显示根路径以外的其他路径

React.js是一个用于构建用户界面的JavaScript库。要在React.js中显示根路径以外的其他路径，可以通过以下步骤进行设置：

配置路由：使用React Router库来实现路由功能。React Router是React.js官方推荐的路由库，可以帮助我们在React应用中实现页面之间的导航和路由管理。
定义路由组件：创建对应路径的组件，并在路由配置中指定路径和对应的组件。例如，可以创建一个名为About的组件来处理"/about"路径。
在根组件中使用路由：将路由组件包裹在根组件中，以便在整个应用中使用路由功能。可以在根组件中使用<BrowserRouter>或<HashRouter>组件来包裹路由组件。
在导航中使用链接：使用<Link>组件来创建导航链接，以便在应用中切换到其他路径。例如，可以在导航栏中添加一个指向"/about"路径的链接。

以下是一个示例代码，演示如何在React.js中显示根路径以外的其他路径：

import React from 'react';
import { BrowserRouter as Router, Route, Link } from 'react-router-dom';

// 定义路由组件
const Home = () => <h1>Home</h1>;
const About = () => <h1>About</h1>;

// 在根组件中使用路由
const App = () => (
  <Router>
    <div>
      <nav>
        <ul>
          <li>
            <Link to="/">Home</Link>
          </li>
          <li>
            <Link to="/about">About</Link>
          </li>
        </ul>
      </nav>

      <Route exact path="/" component={Home} />
      <Route path="/about" component={About} />
    </div>
  </Router>
);

export default App;

在上述示例中，我们使用了React Router库来配置路由，并定义了两个路由组件：Home和About。在根组件App中，我们使用<Router>组件包裹整个应用，并在导航中使用<Link>组件创建了两个链接，分别指向根路径和"/about"路径。通过<Route>组件，我们将路径与对应的组件进行了关联。

这样，当访问根路径时，将显示Home组件的内容；当访问"/about"路径时，将显示About组件的内容。

推荐的腾讯云相关产品：腾讯云服务器（CVM）和腾讯云对象存储（COS）。