加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

ES 6 import/export

发布时间:2020-12-15 20:28:03 所属栏目:百科 来源:网络整理
导读:import React,{ Component } from ‘react‘;import ReactDOM from ‘react-dom‘;import { BrowserRouter,Switch,Route } from ‘react-router-dom‘;import userInfo from ‘./environment‘;//一定要在所有引入的页面的最前面进行引入import DietPage fro
import React,{ Component } from ‘react‘;

import ReactDOM from ‘react-dom‘;
import { BrowserRouter,Switch,Route } from ‘react-router-dom‘;

import userInfo from ‘./environment‘;//一定要在所有引入的页面的最前面进行引入

import DietPage from ‘./diet/DietPage‘;
import AddDietPagePage from ‘./diet/AddDietPage‘;
import SubmitDietPage from "./diet/SubmitDietPage";

import DietDetail from ‘./diet/DietDetail‘;

import ‘./index.css‘;

//
console.log(userInfo);

const Main = () => {
    debugger
    console.log(userInfo)
    return(
        <Switch>
            <Route exact path=‘/wechat‘ component={DietPage}/>
            <Route path=‘/add‘ component={AddDietPagePage}/>
            <Route path=‘/submit‘ component={SubmitDietPage}/>
            <Route path=‘/detail/:id‘ component={DietDetail}/>
        </Switch>
    )
}

//<BrowserRouter basename="/minooo" />假如你需要把页面部署到服务器的二级目录,你可以使用 basename 设置到此目录。
ReactDOM.render( <BrowserRouter><Main /></BrowserRouter>,document.getElementById(‘root‘));

  

每次import,都会把import的页面加载完才执行下面的。因此,变量的定义一定要在最前面做,比如要是在当前页面定义的变量,在其他页面export,其他的页面就无法读取到。

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读