请稍等 ...
×

采纳答案成功!

向帮助你的同学说点啥吧!感谢那些助人为乐的人

正在回答 回答被采纳积分+3

2回答

提问者 F_Gump 2018-04-16 18:41:44

import React from 'react';
import ReactDOM from 'react-dom';
import MediaQuery from 'react-responsive';
import { Route, BrowserRouter, Switch } from 'react-router-dom';

import 'antd/dist/antd.css';

import PCIndex from './components/pc_index';
import PCNewsDetails from './components/pc_news_details';
import MobileNewsDetails from './components/mobile_news_details';
import MobileIndex from './components/mobile_index';
import PCUserCenter from './components/pc_usercenter';
import MobileUserCenter from './components/mobile_usercenter';

export default class Root extends React.Component {
 render() {
   return (
       <div>
           <MediaQuery query="(min-device-width: 1224px)">
               <BrowserRouter>
                   <Switch>
                       <Route exact path="/" component={PCIndex} />
                       <Route path="/details/:uniquekey" component={PCNewsDetails} />
                       <Route path="/usercenter" component={PCUserCenter} />
                   </Switch>
               </BrowserRouter>
           </MediaQuery>
           <MediaQuery query="(max-device-width: 1224px)">
               <BrowserRouter>
                   <Switch>
                       <Route path="/" component={MobileIndex} />
                       <Route path="/details/:uniquekey" component={MobileNewsDetails} />
                       <Route path="/usercenter" component={MobileUserCenter} />
                   </Switch>
               </BrowserRouter>
           </MediaQuery>
       </div>
   );
 }
}
ReactDOM.render(<Root />, document.getElementById('mainContainer'));

0 回复 有任何疑惑可以回复我~
  • Parry #1
    是因为 添加了 import 'antd/dist/antd.css';
     的原因吧?没有配置好 antd?
    回复 有任何疑惑可以回复我~ 2018-04-19 14:53:56
Parry 2018-04-16 18:23:55

同学你好,请贴一下root.js的代码。

0 回复 有任何疑惑可以回复我~
问题已解决,确定采纳
还有疑问,暂不采纳
意见反馈 帮助中心 APP下载
官方微信