摘要：
现在我们需要一个页面来展现数据库中记录的用户。 在/src/pages下新建UserList.js文件。 创建并导出UserList组件： 当页面加载的时候需要调用接口来获取用户列表，并把获取到的用户列表数据存放到组件的state中（this.state.userList）： 在render方法中， 阅读全文
posted @ 2018-02-25 19:15
每天都要进步一点点
阅读(684)
评论(0)
推荐(0)
摘要：
高阶组件：formProvider 高阶组件就是返回组件的组件（函数） 为什么要通过一个组件去返回另一个组件？ 使用高阶组件可以在不修改原组件代码的情况下，修改原组件的行为或增强功能。 我们现在已经有了带有表单校验功能的添加用户的表单，这里的表单有3个字段：name、age、gender，并且每个字 阅读全文
posted @ 2018-02-24 17:28
每天都要进步一点点
阅读(956)
评论(0)
推荐(1)
摘要：
我们需要记录每一个字段当前的有效状态，有效时隐藏错误信息，无效时显示错误信息。 而这个有效/无效，可以在表单值改变的时候进行判断。 我们对/src/pages/UserAdd.js进行修改： 首先修改了state的结构，把每个表单的值都放到了一个form字段中，方便统一管理；然后每个表单的值都变为了 阅读全文
posted @ 2018-02-23 15:30
每天都要进步一点点
阅读(2608)
评论(0)
推荐(2)
摘要：
1.安装 路由 2.新增页面 我们现在的应用只有一个Hello React的页面，现在需要添加一个用于添加用户的页面。 首先在/src目录下新增一个pages目录，用于存放渲染页面的组件。 然后在/src/pages中新增一个UserAdd.js文件。 在这个文件中写入一个基本的React组件： 3 阅读全文
posted @ 2018-02-23 15:29
每天都要进步一点点
阅读(1702)
评论(1)
推荐(0)
摘要：
1.安装 React社区提供了众多的脚手架，这里我们使用官方推荐的create-react-app。 注：create-react-app 脚手架默认隐藏 config 文件夹，需要通过 导出可配置的模板 2.服务端搭建 这里我们借助json-server这个工具快速搭建后台管理系统的服务端程序： 阅读全文
posted @ 2018-02-23 15:29
每天都要进步一点点
阅读(1216)
评论(0)
推荐(0)
摘要：
首先，redux并不是必须的，它的作用相当于在顶层组件之上又加了一个组件，作用是进行逻辑运算、储存数据和实现组件尤其是顶层组件的通信。如果组件之间的交流不多，逻辑不复杂，只是单纯的进行视图的渲染，这时候用回调，context就行，没必要用redux，用了反而影响开发速度。但是如果组件交流特别频繁，逻 阅读全文
posted @ 2018-02-20 19:15
每天都要进步一点点
阅读(610)
评论(0)
推荐(0)
摘要：
react路由,4.x的差异还是比较大，暂时还是3.x的版本 安装： 配置： app组件： path属性： path属性也可以使用相对路径（不以/开头），匹配时就会相对于父组件的路径。路由匹配规则是从上到下执行，一旦发现匹配，就不再其余的规则了。 编程式导航： hashHistory 接收参数： 此 阅读全文
posted @ 2018-02-19 17:20
每天都要进步一点点
阅读(779)
评论(0)
推荐(0)
摘要：
组件在初始化时会触发5个钩子函数： 1、getDefaultProps() 设置默认的props，也可以用dufaultProps设置组件的默认属性。 2、getInitialState() 在使用es6的class语法时是没有这个钩子函数的，可以直接在constructor中定义this.stat 阅读全文
posted @ 2018-02-18 21:36
每天都要进步一点点
阅读(319)
评论(0)
推荐(0)
摘要：
React 支持一种非常特殊的属性 Ref ，你可以用来绑定到 render() 输出的任何组件上。 这个特殊的属性允许你引用 render() 返回的相应的支撑实例（ backing instance ）。这样就可以确保在任何时间总是拿到正确的实例。 使用方法 绑定一个 ref 属性到 rende 阅读全文
posted @ 2018-02-17 19:19
每天都要进步一点点
阅读(429)
评论(0)
推荐(0)
摘要：
一个简单的实例 在实例中我们设置了输入框 input 值value = {this.state.data}。在输入框值发生变化时我们可以更新 state。我们可以使用 onChange 事件来监听 input 的变化，并修改 state。 上面的代码将渲染出一个值为 Hello World 的 in 阅读全文
posted @ 2018-02-16 21:39
每天都要进步一点点
阅读(214)
评论(0)
推荐(0)
浙公网安备 33010602011771号