我有A组分和B组分。
component A.js
import React from 'react'
import './A.css'
export default class A extends React.Component {
....
}
component B.js
import React from 'react'
import './B.css'
export default class B extends React.Component {
....
}
App.js
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?
发布于 2018-07-06 03:32:57
在这种情况下,您可以使用styled components设置特定于组件样式。
https://stackoverflow.com/questions/51192217
复制相似问题