码迷,mamicode.com
首页 > 其他好文 > 详细

ES 6 import/export

时间:2018-06-25 14:54:55      阅读:146      评论:0      收藏:0      [点我收藏+]

标签:因此   row   name   引入   TE   使用   debugger   pat   roo   

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,其他的页面就无法读取到。


ES 6 import/export

标签:因此   row   name   引入   TE   使用   debugger   pat   roo   

原文地址:https://www.cnblogs.com/percyqq/p/9223736.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!