最简单的antd的index.jsx的路由配置

原创 2016年06月01日 17:51:46
import '../common/lib';
import Home from '../component/home/Home';
import ReactDOM from 'react-dom';
import React from 'react';
import { Router, Route, Redirect, IndexRoute, hashHistory } from 'react-router';


// ReactDOM.render(<Home />, document.getElementById('react-content'));


const pageRoute = (
	<Router history={hashHistory}>

		<Route path="/" component={Home} />

	</Router>
);
ReactDOM.render(pageRoute, document.getElementById("react-content"));

【react实战·菜鸟版】1. 用dva + antd 写一个todolist

在新公司实习,面试的java开发,结果让先搞一波react(群里有个ios开发让写js的,已经懵逼的无以复加了,哈哈哈哈)。。所以只能硬着头皮学了,学了两天,感觉中文资料不是很多,而且大多数资料要么一...
  • qq_31655965
  • qq_31655965
  • 2017年05月24日 22:03
  • 13740

antd mobile(六)react-router 左进右出切换界面

第五节我们配置了页面路由切换,但发现个问题,所有界面都是向左切换的,感觉还是不对啊,仔细分析下原生app,会发现应该是进入是左切换,返回时应该是右切换出。第一步:修改路由动画配置信息: 修改前的代...
  • weiyongliang_813
  • weiyongliang_813
  • 2017年08月16日 23:41
  • 613

使用react-router-dom优雅的实现页面(路由)跳转, 而且保持当前页面状态

使用react-router-dom优雅的实现页面(路由)跳转, 而且保持当前页面状态
  • cen_cs
  • cen_cs
  • 2017年09月14日 10:50
  • 5579

react-router JS 控制路由跳转

Link组件用于正常的用户点击跳转,但是有时还需要表单跳转、点击按钮跳转等操作。这些情况怎么跟React Router对接呢? 下面是一个表单。 input type="text"...
  • u010977147
  • u010977147
  • 2016年12月06日 17:35
  • 15858

react实战--antd、react-router-dom v4 解决菜单和地址同步问题

antd、react-router-dom v4 解决菜单和地址同步问题最近使用react开发项目,使用react-router-dom v4,并结合antd\redux。 遇到问题:模块热加载或者...
  • u013938465
  • u013938465
  • 2017年11月22日 15:41
  • 1022

React导航栏效果(antd+react router4.0)

1、演示效果 最上面的部分为导航插件。 2、具体代码与介绍 2.1 Reactjs首次加载与路由页面    index.js首次加载 import React from 'react'; imp...
  • zfan520
  • zfan520
  • 2017年12月14日 19:32
  • 361

antd-admin小记

Antd Admin基于react,ant-design,dva,Mock 企业级后台管理系统最佳实践,小记一下,新建一个功能的流程...
  • keyunq
  • keyunq
  • 2017年07月21日 16:14
  • 3180

antd源码解析

首先说一下我对antd的认识:   antd是一个对于样式和简单功能的封装,值得关注的来个两点:1)定义的样式规则可接受性比较广泛,2)采用融合了react,每一个都封装为一个组件,组件配置化大大提...
  • Donspeng
  • Donspeng
  • 2017年08月15日 19:58
  • 642

angular4路由

1  目录结构 2   app.module.ts import { BrowserModule } from '@angular/platform-browser'; import { ...
  • bluefish_flying
  • bluefish_flying
  • 2017年09月20日 15:51
  • 280

一个最简单的react-router设置

index,jsx(入口文件) import '../common/lib'; import App from '../component/App'; import ReactDOM from 'r...
  • samete
  • samete
  • 2016年06月07日 17:38
  • 2899
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:最简单的antd的index.jsx的路由配置
举报原因:
原因补充:

(最多只允许输入30个字)