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