React在App.jsx里写的导航栏,其他页面的子页面不让导航栏显示

您好，我明白您的意思。您可以通过React Router来实现在某些页面中不显示导航栏的功能。

React Router是一个常用的路由库，可以用于实现SPA（单页应用）的路由功能。您可以在主路由中提供一个布尔值参数来控制导航栏的显示和隐藏。例如：

import React from "react";
import { BrowserRouter as Router, Route } from "react-router-dom";
import NavBar from "./NavBar";
import HomePage from "./HomePage";
import OtherPage from "./OtherPage";

function App() {
  return (
    <Router>
      <div>
        <Route path="/" component={NavBar} />
        <Route path="/" exact component={HomePage} showNavBar={true} />
        <Route path="/other" component={OtherPage} showNavBar={false} />
      </div>
    </Router>
  );
}

export default App;

在上述代码中，我们在主路由中为`HomePage`和`OtherPage`组件提供了`showNavBar`参数，用于控制导航栏的显示和隐藏。在`NavBar`组件中，您可以通过props获取`showNavBar`的值，来控制导航栏的显示和隐藏。例如：

import React from "react";
import { Link } from "react-router-dom";

function NavBar(props) {
  return (
    <nav>
      {props.showNavBar && (
        <ul>
          <li>
            <Link to="/">Home</Link>
          </li>
          <li>
            <Link to="/other">Other Page</Link>
          </li>
        </ul>
      )}
    </nav>
  );
}

export default NavBar;

在上述代码中，我们在`NavBar`组件中使用了条件渲染，根据`showNavBar`的值来控制导航栏的显示和隐藏。

希望这对您有所帮助。如果您有任何问题，请随时向我提问。