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,其他的页面就无法读取到。 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |