
React
也许(Oliver)
Think before your program.
展开
-
React Sample Demo从无到有学习基础目录
这里主要记录React相关学习过程中的目录,其中包括ES6语法和Webpack,最主要的是前端使用开源的UI来实现丰富复杂的界面1.用户登陆界面(源码:这里)2.数据用表格展示(源码:这里)3.数据页面分页展示(源码:这里)...原创 2019-07-03 15:46:49 · 22906 阅读 · 0 评论 -
React用户登录界面
效果图如下:1.首先把需要bind的事件保存在一个数组里面,这样不需要每次都要绑定const eventsArr = [ //按钮点击事件 "onSignIn", //user name输入改变 "onChangeName", //password输入改变 "onChangePwd"];2.SignIn类的构造方法const...原创 2019-07-03 16:08:21 · 28475 阅读 · 1 评论 -
React list数据显示(含源码)Demo
主要用到DetailList,具体用法可以参考:office-ui-fabric detaillist,效果图如下:1.首先import要用到的库import React, { Component } from 'react';import { DetailsList} from 'office-ui-fabric-react/lib/DetailsList';2.定义先要展示...原创 2019-07-03 16:45:12 · 24250 阅读 · 0 评论 -
React Pagination分页显示数据(含源码)Demo
主要用到DetailList,具体用法可以参考:Pagination,效果图如下:1.在上篇文章的基础上:React list数据显示(含源码)Demo,添加Pagination库的引用import Pagination from 'rc-pagination';import 'rc-pagination/assets/index.css';2.在<DetailList&...原创 2019-07-03 17:20:27 · 27252 阅读 · 0 评论