react-router 4.0(一)
发布时间:2020-12-15 20:27:17 所属栏目:百科 来源:网络整理
导读:import React from ‘react‘ ;import ReactDOM from ‘react-dom‘ import {Link,Route,HashRouter} from ‘react-router-dom‘ // HashRouter在开发阶段用 const Home = () = ( div h2首页/h2 /div )export default class App extends React.Component { r
import React from ‘react‘; import ReactDOM from ‘react-dom‘ import {Link,Route,HashRouter} from ‘react-router-dom‘ //HashRouter在开发阶段用 const Home = () => ( <div> <h2>首页</h2> </div> ) export default class App extends React.Component { render(){ return( <HashRouter> {/* 包裹的为路由元素,不生成dome节点 */} <div> <Link to="/">主页</Link> <Link to="/one">第一页</Link> <Link to="/two">第二页</Link> <Route exact path="/" render={()=>( <h2>主页</h2> // 这个render返回的其实是一个js对象 )}/> <Route path="/one" render={()=>( <h2>第一页</h2> )}/> <Route path="/two" render={()=>( <h2>第二页</h2> )}/> </div> </HashRouter> ) } } ReactDOM.render(<App/>,document.getElementById("app")) (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
相关内容
- [elixir! #0030] 在 elixir 项目中使用 RiakKV (1) -- Riak
- c# – TimeSpan字符串格式化
- configure: error: xml2-config not found. Please check y
- ruby-on-rails – Rails 4 – 将地址保存为数据库中的一列
- xml – 如何在不更改名称的情况下在不同的命名空间中扩展复
- hadoop之为什么不能一直格式化namenode
- Oracle Study--Oracle RAC CacheFusion(MindMap)
- cocos2dx HelloWorld代码分析
- 如何将PostgreSQL“全部放在所有表格上”应用于新表?
- webpack – 如果没有使用它们,则无法使用树震动React和依赖