首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >组件呈现时加载组件css

组件呈现时加载组件css
EN

Stack Overflow用户
提问于 2018-07-05 21:11:22
回答 1查看 251关注 0票数 0

我有A组分和B组分。

component A.js

代码语言:javascript
复制
import React from 'react'
import './A.css'

export default class A extends React.Component {
   ....
} 

component B.js

代码语言:javascript
复制
import React from 'react'
import './B.css'

export default class B extends React.Component {
   ....
}

App.js

代码语言:javascript
复制
import React from 'react'
import ReactDOM from 'react-dom'
import { Route, Switch, BrowserRouter } from 'react-router-dom'
import A from './A'
import B from './B'

ReactDOM.render(
  <BrowserRouter>
    <Switch>
        <Route exact path='/A' component={A}/>
        <Route exact path='/B' component={B}/>
      </Switch>
  </BrowserRouter>,
  document.getElementById('root'));

当我访问/A时,它会加载a.css和b.css,反之亦然。有没有办法只在组件的路由上呈现组件时才呈现相应的组件CSS?

EN

回答 1

Stack Overflow用户

发布于 2018-07-06 03:32:57

在这种情况下,您可以使用styled components设置特定于组件样式。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/51192217

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档