如何在react Js中管理不同布局的不同css样式？
在React.js中管理不同布局的不同CSS样式可以通过以下几种方式实现：
- 使用条件渲染：根据不同的布局需求，在组件的渲染方法中使用条件语句来选择不同的CSS类名或内联样式。例如：
render() {
const layoutType = this.props.layoutType;
let layoutClass = '';
if (layoutType === 'grid') {
layoutClass = 'grid-layout';
} else if (layoutType === 'flex') {
layoutClass = 'flex-layout';
}
return (
<div className={layoutClass}>
{/* 内容 */}
</div>
);
}- 使用CSS模块化：使用CSS模块化可以将CSS样式与组件进行关联，确保每个组件的样式只在当前组件中生效，避免样式冲突。在React中，可以使用第三方库如
classnames来动态生成CSS类名。例如：
import styles from './MyComponent.module.css';
import classNames from 'classnames';
render() {
const layoutType = this.props.layoutType;
const layoutClass = classNames({
[styles.gridLayout]: layoutType === 'grid',
[styles.flexLayout]: layoutType === 'flex',
});
return (
<div className={layoutClass}>
{/* 内容 */}
</div>
);
}- 使用CSS-in-JS：使用CSS-in-JS库如
styled-components或emotion可以将CSS样式直接写在组件代码中，实现更加灵活和可维护的样式管理。例如：
import styled from 'styled-components';
const GridLayout = styled.div`
/* 样式定义 */
`;
const FlexLayout = styled.div`
/* 样式定义 */
`;
render() {
const layoutType = this.props.layoutType;
return (
<>
{layoutType === 'grid' && <GridLayout>{/* 内容 */}</GridLayout>}
{layoutType === 'flex' && <FlexLayout>{/* 内容 */}</FlexLayout>}
</>
);
}以上是在React.js中管理不同布局的不同CSS样式的几种常见方法。根据具体需求和项目情况，选择适合的方式进行样式管理。腾讯云相关产品和产品介绍链接地址请参考腾讯云官方文档或官方网站。
相关·内容
我很难使用CSS在屏幕上集中我的组件。
见我的App.js
import { Container } from 'native-base';
import React from 'react';
import { StyleSheet } from 'react-native';
import Screen from './ScreenContainer';
const styles = StyleSheet.create({
container: {
backgroundColor: '#FF6666&#
浏览 5提问于2018-04-22得票数 18
回答已采纳
例如，我想用Instagram这样的多个组件来构建react。来自HTML/CSS/JS -每个页面都有自己的设计和布局。现在react不改变页面，它只是呈现不同的组件，无论是登录页面、配置文件页、提要等等。现在我想知道如何在包含多个复杂组件的react应用程序中实现css网格。我应该在App.js上做一个网格布局，以保存所有的主要组件，如寄存器、登录、提要等，还是应该为用作“页面”的每个组件创建一个网格(注册、登录、提要等)&只需忽略App.js样式？
编辑-每个组件将有一个不同的外观，例如，注册页面将有一个注册表单，登录页面将有一个不同的外观形式和设计提要是一个组件，将显示标题和用
浏览 1提问于2021-03-11得票数 2
1回答
使用多个样式表链接应对本地世博会
、、、、
这是安蒂卡。从几天前开始，我就开始学习编写代码了，我只熟悉HTML/CSS/JS，以及React的基础知识。
开发人员级别：初级项目类型和语言：，我正在为自己开发一个学习计划应用程序，使用React 。
Problem -我主要是用传统的方式进行编程- HTML、CSS和JS。并且最近转向了高级语言，比如React和React。如何导入多个样式表的列表，就像我们在中所做的那样，在react本机项目中
，这些是独立的CSS文件，-
<link rel="stylesheet" href="assets/css/vendor/bootstrap.min.css
浏览 5提问于2022-02-14得票数 0
2回答
我是reactjs的两页
pageOne.js：
import React from "react";
import { Link } from "react-router-dom";
import "./pageOne.css";
const PageOne = () => {
return (
<div>
one
<br />
<Link to="/pageTwo">Two Page</Link>
</div&g
浏览 0提问于2020-10-07得票数 2
回答已采纳
这是一个奇怪的具体问题，我在任何地方都找不到任何有关它的信息。
我有一个主要的React应用程序，可以动态加载其他react小应用程序。它通过组件的componentDidMount()函数来实现这一点，使用纯JavaScript将脚本标记添加到文档主体的末尾，标记的源地址代理web服务器返回单个捆绑文件的请求，该文件是要加载的子应用程序。卸载组件时，将从文档正文中删除script标记，并清除div root。
迷你应用程序需要在单个捆绑包中可加载(不需要在这里进入)，我通过修改后的npm run build函数构建react应用程序来实现这一点，该函数运行如下；
"scripts&#
浏览 19提问于2019-10-30得票数 3
回答已采纳
我有一个程序，它有两个不同的路由(Body.js和User.js)，通过Body.js函数，我在名为employeeCurrent的state中保存了一个值，我想在User.js路由上使用这个employeeCurrent。
我想知道如何做到这一点，而不必将User.js导入Body.js，因为在那里，User.js将与Body.js一起出现。
我的Body.js具有以下功能：
import React from "react";
import "./Body.css";
import axios from "axios";
import {
浏览 0提问于2018-04-29得票数 0
回答已采纳
1回答
我想在React应用程序中的html页面中添加csp作为元标记。
我已经用Project.Inside客户端应用程序文件夹结构创建了ASP.NET ，它使用了创建反应应用演示。，然后我在index.html中添加了这个元标记。
这是元标记代码；但是在使用此代码时，我会出错。
<meta http-equiv="Content-Security-Policy" content="default-src 'self'; style-src 'self'; script-src 'self'; connect-src &
浏览 7提问于2022-10-13得票数 1
1回答
我有一个react组件，在css文件夹.In APP.js(load1.jsx，load2.jsx，load3.jsx)中定义了多个(one.css，two.css，three.css)文件，我们已经配置了所有的js文件。
one.css应用于load1.jsx，two.css应用于load2.jsx，three.css应用于load3.jxs，但是one.css的样式被load1.jxs中的three.css覆盖。
如何在react js中修复这个问题。
浏览 0提问于2021-04-15得票数 1
1回答
我只是来自react背景，我的意图是，我想在组件级别使用SCSS文件，就像我在我的react应用程序中使用的那样，我不喜欢接下来的更改，会产生一些粗俗的错误：
Global CSS cannot be imported from files other than your Custom <App>. Due to the Global nature of stylesheets, and to avoid conflicts, Please move all first-party global CSS imports to pages/_app.js. Or convert th
浏览 8提问于2022-05-07得票数 2
回答已采纳
我正在使用create-react-app，并试图找出一种将样式表应用到特定页面的“有效”方法。
我的src文件夹结构如下所示：
| pages
| - About
| - - index.js
| - - styles.css
| - Home
| - - index.js
| - - styles.css
| index.js
| index.css
在每个index.js文件中，我都使用了import './style.css'
但是，我发现当我从一个页面导航到下一个页面时，起始页面中的样式被应用到目标页面，就好像它们被缓存了一样，而目标页面中的样式没有被遵循。
我只是想
浏览 23提问于2017-05-09得票数 11
1回答
我将我的ERB文件放在app/view中。问题是，有时我会在包含CSS和JS文件时出错。我将它们称为“js/include.js de.js”或"css/default.css“，而不是/js/include.js de.js和/css/default.css
但是，这些文件位于public目录中，而不是app/views目录中，因此会导致分页。
有没有办法更改默认行为，使其在我相对引用这些文件时显示在公共文件夹中？
浏览 2提问于2012-02-08得票数 0
回答已采纳
我刚开始学习REACT，但是我有一个React-route，问题是孩子使用父CSS，但是我们如何才能在子上使用新的CSS呢？没有从父母的CSS那里得到任何东西？
我有这样的文件结构：
---src
-----index.js
-----login.js
-----home.js
-----style.css
我在login.js中导入了‘login.js’，但是它继续在login.js中使用，我想在home.js中设计完全不同的风格，所以我创建了home.css并在其中添加了一些元素，但它不对style.css进行转换。这是我的一些代码
index.js
import React from &
浏览 2提问于2019-12-05得票数 0
我正尝试为react中的特定组件添加CSS文件，但该CSS文件适用于所有组件如何为特定组件添加style.css？
import React, { Component } from "react";
import { Link } from "gatsby";
import Layout from "../components/layout"
import Footer from "../components/Globals/Footer"
import "./crm2.css"
class Crm exten
浏览 0提问于2020-10-03得票数 1
我是react的新手，我正在尝试找出在react中使用内联样式的正确方法。
例如，这是我正在做的事情
import React from 'react';
import Classes from './toolbar.css';
import Logo from '../../logo/logo.js';
import Navitems from '../navigation-items/navigation-items.js';
const toolbar = (props) => {
return (
&l
浏览 2提问于2018-06-13得票数 7
回答已采纳
加载GatsbyJS应用程序时，在第一次加载时，不应用样式。他们正在装货延误。
这不是在开发中发生的，而是在生产构建中发生的。请观看以下视频。
imageStyle
img{
width: 100px
}
gatsby-browser.js
// custom typefaces
import "typeface-montserrat"
import "typeface-merriweather"
// normalize CSS across browsers
import "./src/normalize.css"
// cus
浏览 6提问于2021-12-07得票数 0
2回答
Sass不能在create-react-app中编译。当前的package.json结构是
{
"name": "create-app",
"version": "0.1.0",
"private": true,
"dependencies": {
"react": "^16.3.1",
"react-dom": "^16.3.1",
"react-scripts": "1
浏览 3提问于2018-04-06得票数 3
回答已采纳
我使用React.js创建了一个新的create-react-app应用程序。
对于每个组件(例如src/components/ComponentX.js)，我创建了一个单独的样式表(src/styles/ComponentX.css)，并按如下所示导入了它。
这反过来又为每个页面上的每个导入样式表创建了一个单独的<style>...</style>节。因此，样式表是全局的(这对SPA?)是有意义的，尽管不像描述的那样串连在一起。
在开发中，以这种方式表示依赖关系允许在编辑样式时动态地重新加载它们。在生产中，所有的CSS文件都将连接到构建输出中的一个缩小的.css文件
浏览 9提问于2022-01-20得票数 0
我现有的项目是在Ruby on Rails api下构建的，通过以下方式创建：
rails new my_apps --api
这意味着app下完全没有assets文件夹，也没有UI。
然而，根据当前的需求，我必须为现有的rails添加一些页面(例如:为我的API构建Wiki )。
问题是，我如何在stylesheets文件夹中添加css文件到我当前的项目中，这样我就可以使用如下内容：
<%= stylesheet_link_tag 'mycss' %>
编辑：
有关更多信息，我们使用两个gem react-rails和webpacker来设置react前端。安装完
浏览 9提问于2018-08-27得票数 3
2回答
我目前正在开发我在react中的第一个网站。在我的main.module.css中 * {
padding: 0;
margin: 0;
box-sizing: border-box;
} 只是典型的css样式重置。但React返回错误： Syntax error: Selector "*" is not pure (pure selectors must contain at least one local class or id) 你对此有什么解决方案吗？我想保持这个样式重置，而不是将这三行添加到我拥有的每个元素中。
浏览 62提问于2020-12-14得票数 2
2回答
我正在使用zend框架中的布局。就像现在它看起来很丑陋，有很多很多的代码。我想知道参考以下代码。我有没有可能让它变得更干净。这是我的代码。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<
浏览 5提问于2012-04-12得票数 2
回答已采纳
这个问题已经有一个星期了，还没有找到解决办法，但我想出了一些办法来缩小问题的范围。我试图在我的Next.js应用程序中运行纱线构建，但是它失败了，我将在下面发布一个错误。
程序应用程序在yarn dev中编译得很好，所有样式都可以工作。我使用了TW文档中的标准设置。
不良的风格名称会导致建筑错误吗？例如，className="BadStyleName h-10 w-10"
错误：
info - Creating an optimized production build
Failed to compile.
HookWebpackError: C:\Users\proj
浏览 21提问于2021-12-23得票数 10
2回答
我对React有一个问题，不知道为什么，但是React并不会在呈现的class代码中追加属性。我导入css文件的正文，导入风格的反应脚本，写className属性等。
页面上的结果将在没有类<div>test</div>的情况下被阻塞。
在App.js中
import React, {Component} from 'react';
import styles from '../assets/main.css';
export default class App extends Component {
constructor(p
浏览 2提问于2017-12-06得票数 0
回答已采纳
我正在从事react项目，在该项目中，我有一个父组件，即App.js，对于该项目，Child.js是一个子组件。
现在在App.js，我给Child.js打了两次电话。现在我已经为Child.js编写了一些css，所以在输出中将出现两个圆圈。
现在，我正在尝试实现两个圆圈的不同背景颜色和不同边框颜色。
这是我的密码
我是App.js
import React from 'react';
import './App.css';
import Child from './Child/Child';
function App() {
retu
浏览 0提问于2019-12-07得票数 0
回答已采纳
1回答
我正在使用Angular2构建一个应用程序，并希望使用Bootstrap作为我的css框架。我不是一个UI专家，因此正在寻找购买/使用一个引导主题。
根据我的理解，如果我使用引导主题，应该会提供一些.css文件，一旦包含在我的html中，我将能够使用标准引导类或来自主题的自定义类来实现该主题的外观。
然而，当我查看不同的主题时，而不仅仅是css，通常有多个不同的.js文件和包含在该主题中的其他第三方组件的大量其他库。
此外，我还遇到了基于角2(这是我的应用程序框架)的“本机”组件构建的引导主题，但我很难理解角2与引导主题的关系。如果Bootstrap 3是用于造型的，那么它不应该，因此任何Bo
浏览 2提问于2017-05-11得票数 0
回答已采纳
我是个新手，所以我不太确定为什么会发生这种情况。使用React Router，我有三个路由，/、/signup和/login，每个组件中导入的css溢出到其他组件的css中，破坏了样式。在这种情况下，div元素word不是每个组件的css中描述的颜色，它们都是绿色的，这应该只发生在注册组件中。我能做些什么来解决这个问题呢？ App.js import HomePage from './pages/HomePage/HomePage'
import LoginPage from './pages/LoginPage/LoginPage'
import Signu
浏览 68提问于2021-08-01得票数 1
回答已采纳
我目前在我的Zend Framework应用程序中使用ui-lightness主题，但我希望将这两个主题用于不同的用途。我目前在我的bootstrap中使用下面这行注册了ui-lightness主题：
$view->headLink()->appendStylesheet($view->baseUrl().'/js/jquery/css/ui-lightness/jquery-ui-1.7.2.custom.css');
如何添加另一个主题来使用？如果我添加另一个样式表，应用程序如何知道要使用哪个主题？
浏览 2提问于2009-12-14得票数 0
回答已采纳
9回答
我使用风格-装载机与webpack和反应框架。当我在终端上运行webpack时，我在import.js文件中获得了import.js，尽管我已经正确地指定了文件路径。
import '../css/style.css';
import React from 'react';
import ReactDOM from 'react-dom';
import jQuery from 'jquery';
import TopicsList from '../components/topic-list.jsx';
impo
浏览 7提问于2016-02-03得票数 100
回答已采纳
我试图在我的create-react-app反应项目中开始使用scss而不是css。
我在用这个
现在我的package.json看起来像这样
"build-css": "node-sass-chokidar src/ -o src/",
"watch-css": "npm run build-css && node-sass-chokidar src/ -o src/ --watch --recursive",
"start-js": "react-scripts
浏览 0提问于2018-08-12得票数 1
我正在使用ReactJS create-react-app来构建一个网站。我正在尝试使用css在我的主页上水平居中显示图像，但它仍然保持左对齐。
我使用类声明将.jpg导入到.js文件中，它出现在页面上，但它不遵循我在index.css文件中所做的类修改。
//在Cur.js文件中
import React from 'react';
import Image from 'react-image-resizer';
import cur from './cur.jpg';
function Cur() {
return (
浏览 0提问于2019-05-15得票数 6
1回答
我在react路由器上使用两个主要布局，如下所示。我已经编写了AppRoute组件来使用不同的布局与开关。
问题是，当我从"/login“或"/register”路线返回"/“家时，一些与"LayoutLoginRegister”相关的导入css仍然停留在浏览器中。所以它打破了这一页。因为这个css属于"LayoutLoginRegister“而不是"LayoutLanding”。
App.js
const AppWrapper = styled.div`
margin: 0 auto;
min-height: 100%;
`;
co
浏览 22提问于2018-06-01得票数 1
回答已采纳
在React应用程序中，我可以使用import或<link>将我的CSS包含在index.html文件中(例如，从CDN中)。
有什么关系？
这两种方法之间是否存在显著的性能差异？
为了清楚起见，我指的是从*js或*.jsx文件内部导入：
import React, { Component } from "react";
import "bootstrap/dist/css/bootstrap.css";
浏览 0提问于2019-05-26得票数 1
2回答
我必须在外部添加css文件。尝试使用代码导入"./Login.css"；它位于基本路径中。无法获得文件，这将出现如下所示的错误。
您可能需要一个适当的加载程序来处理此文件类型.
.Login {
padding: 60px 0;
}
我在webpack的配置中也更新了。
Webpack配置：
var config = {
entry: './main.js',
output: {
path:'/',
filename: 'index.js',
},
devSer
浏览 0提问于2018-03-17得票数 5
我在尝试更改导航栏的颜色时遇到问题。我遗漏了什么步骤吗？
这是我试图呈现的组件：
import React from 'react';
import { Nav, Navbar } from 'react-bootstrap';
import styles from './MainMenu.module.css';
const Topbar = () => {
return(
<Navbar className={styles.mainBar}>
<Navbar.Brand&g
浏览 8提问于2021-06-04得票数 1
3回答
我正在学习如何反应，并意识到你可以通过导入一个CSS文件来使用真正的CSS，也可以使用JS，它有类似CSS的代码，使用camel案例。
纯CSS的示例：import './AppStyle.css'，它包含background-color: black;
JS版本示例：const AppStyle = { backgroundColor: "black" }
哪一种更适合使用，为什么？或者他们都很好？
浏览 14提问于2021-12-18得票数 1
回答已采纳
我必须在我的App.js中导入多个文件。我的文件夹结构是
/src
/components
layout.js
App.js
index.css
index.js
这里我想从App.js导入layout.js文件。我的代码是
import React from 'react';
import Layout from './components/layout';
class App extends React.Component{
render(){
return (
浏览 21提问于2018-01-12得票数 0
回答已采纳
6回答
有没有办法将CSS文件导入到带样式的组件中？
我的一个依赖项，，可以通过导入它们的CSS作为基础并在其上应用更改来实现主题。我的所有组件都是带样式的组件，我希望将CSS本地化到JS组件，而不是将CSS作为“全局”样式导入。
现在，我已经习惯于将他们的CSS复制到我自己的文件中，格式如下。
我在下面写了一个简短的例子。
/** editorCSS.js **/
import { css } from 'styled-components';
export default css`
/* copied CSS here */
.class-to-extend {
color
浏览 1提问于2018-03-17得票数 15
1回答
下面是一个具有标准主题的示例。
.hotpink {
width: 100%;
height: 100vh;
border: 1px solid #999;
}
.pink {
width: 100%;
height: 100vh;
border: 1px solid #999;
}
.deeppink {
width: 100%;
height: 100vh;
border: 1px solid #999;
}
<script src="https://code.jquery.com/
浏览 4提问于2016-03-14得票数 0
3回答
我有以下文件：
Test.js：
import React from 'react';
import style from './style.module.css'
function Test() {
return(<div className={style.classcolor}>Test</div>);
}
export default Test;
style.module.css
.classcolor
{
background-color:blue;
}
有没有办法更改js
浏览 0提问于2020-05-13得票数 0
1回答
我有反应申请。App.js片段如下：
import ServiceManual from './components/pages/ServiceManual'
import './App.css';
const App = () => {
return (
<>
<Router>
<Switch>
<Route
浏览 3提问于2021-12-28得票数 0
1回答
我的应用程序中有两个模块： - main module
- admin module 我想为它们保持不同的样式，但管理模块的css覆盖了main的css App.js import React, {Component} from 'react';
import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';
//styles
import './style/bootstrap/bootstrap.scss';
//apps
import Mainapp
浏览 23提问于2019-09-04得票数 2
回答已采纳
3回答
我正在开发一个使用Vuejs的工具“简历生成器”。有没有更好的方法从带有css的html生成pdf (简历)。我使用了jsPdf库，但是没有得到想要的结果。我想在生成的pdf中保持html "a“标签可点击。我也尝试过html2canvas.js，但由于pdf格式的图像，"a“标签是不可点击的。jsPdf正在生成pdf，但没有应用css。
浏览 31提问于2019-03-08得票数 0
回答已采纳
我正在尝试学习ExtJs和不同布局的Container。我已经创建了三个组件，并尝试将它们添加到具有accordion布局的Container中。但是在页面中什么都没有显示。如果我用面板替换组件，那么它工作得很好。
这是我的html。
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Container practice</title>
<link
href="C:\Users\bhapanda\Docum
浏览 1提问于2017-02-06得票数 0
基于 3(暗模式)，我在laravel 9中使用Inertiajs/vuejs 3制作站点。我删除了所有jquery，只使用vuejs。它的工作正常，但当我打开的网站看起来是坏的，就像不是所有的样式被加载，
请试着通过网址进入行政区域：
凭据采用登录形式。
页面看起来类似于： 4
但是，如果要使用“CTRL+R”页面刷新页面，则在黑暗模式下看起来没有问题。
有什么想法吗?为什么是这样，以及如何解决这个问题？
详细信息:管理是基于模板的(带有“引导”："^4.6.0")。前端是基于自定义的模板(带有Bootstrap v5.0.1 )
当我从管理区域前端页面切换时，我也有相同的
浏览 9提问于2022-04-19得票数 -3
回答已采纳
我的“主”组件中有以下render：
import ComponentA from './component-a.js';
import ComponentB from './component-b.js';
const App = React.createClass({
render: function() {
return (
<div>
<ComponentA/>
<ComponentB/>
浏览 2提问于2016-10-25得票数 11
回答已采纳
我尝试使用@import不工作。
// a.less
.hello{width:100px;height:100px;background:blue;}
// index.less
@import './a.less'
// App.jsx
import './index.less';
<div styleName="hello"></div>
错误：
ERROR in ./src/App.jsx
Module build failed: Error: D:/workspace_js/rea
浏览 7提问于2017-12-04得票数 0
我要映射.js文件。我也需要应用一些CSS。是否可以将CSS放置在.js文件中？
我有一个位于src > AboutMyselftProgressCount.js的常量文件，它的代码如下所示：
const AboutMyselfProgressCount ={ ProgressCountTitle：“用户浏览”，}，{ ProgressCountTitle："WEB“，}，{ ProgressCountTitle："UI设计”，}，{ ProgressCountTitle：“演示”，}，导出默认AboutMyselfProgressCount；
现在我在s
浏览 2提问于2021-07-06得票数 0
我使用zend Framework2。
这是我的layout.phtml
<?php echo $this->doctype(); ?>
<html class="fixed" lang="en">
<head>
<!-- Basic -->
<meta charset="UTF-8">
<?php echo $this->headTitle('Test') ?>
<?php
/* Ven
浏览 0提问于2014-10-22得票数 0
5回答
我想使用react.js和语义ui构建一个web客户端。有一个节点包可以在react.js；中使用语义ui。我已经按照上的说明在我的电脑上安装了这个软件包，但是用一个简单的网页测试了这个软件包。
我想我有这个问题，因为我没有使用最后一条指令：import '.../semantic/dist/semantic.min.css';。semantic文件夹已在我的项目主文件夹中生成，但尚未生成dist文件夹和semantic.min.css。我该怎么用这个？
注意：，我也尝试将这个<link rel="stylesheet" href="//cdnjs
浏览 1提问于2016-11-25得票数 15
回答已采纳
我有两个.jsx文件，它们分别表示各自的组件。
第一个是Blog.jsx
import React from "react";
import '../assets/css/blog.css';
export const Blog = () => (
<div>
<h1>Hello Blog</h1>
</div>
)
与其各自的CSS文件blog.css
div { background: #ff481f; }
第二个是Landing.jsx
import React fro
浏览 4提问于2020-01-20得票数 6
我是React的新手，目前我正在构建一个包含多个组件的布局
例如，包含侧栏组件、topbar组件、页脚组件和主要内容组件的主页布局。
当我单击侧栏组件中的链接时，主内容将根据我单击的链接的url进行更改，其他组件在所有页面上都将相同，而不管url。
这是我的代码：
MainLayout.js
import React, { Component } from 'react';
import { Route } from 'react-router-dom';
import Sidebar from '../components/Sidebar&#
浏览 1提问于2020-06-30得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
