react
潜行的Q
这个作者很懒,什么都没留下…
展开
-
React之使用context传递数据
react中当要从父组件给子孙组件传递数据时 如果用props传递 则需要一级一级传递 而如果用context时 则可以在父组件中加入getChildContext函数 并声明需要传递的数据 在需要接受到数据的组件中声明变量类型Test.contextTypes = {test : PropTypes.string} Example://父组件import React, { Compo...原创 2018-08-06 09:05:56 · 1119 阅读 · 0 评论 -
mockjs在项目中的使用
现在的前端开发,更多的时前是前后端分离,这样可以大大的提高开发的效率和速度。但如果后端的api的实现迟迟没有完成,这样会严重的影响到前端人员的开发效率。这时mockjs就应运而生,mockjs使的前端在开发的过程中,可以先和后端人员约定好api 的格式和返回的数据内容格式。这样前端就可以根据标准通过mockjs模拟出自己需要的数据。实现完全的前后端分离。具体实现:一、先通过npm inst...原创 2018-08-17 15:24:52 · 4090 阅读 · 0 评论 -
axios在项目中的的使用
axios 简介axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端,它本身具有以下特征:从浏览器中创建 XMLHttpRequest 从 node.js 发出 http 请求 支持 Promise API 拦截请求和响应 转换请求和响应数据 取消请求 自动转换JSON数据 客户端支持防止 CSRF/XSRF引入方式: 1 ...原创 2018-08-17 13:14:39 · 1484 阅读 · 0 评论 -
react-redux中connect的装饰器用法@connect详解
通常我们需要一个reducer和一个action,然后使用connect来包裹你的Component。假设你已经有一个key为main的reducer和一个action.js. 我们的App.js一般都这么写:? 1 2 3 4 5 6 7 8 9 10 11 12 13 14...转载 2018-08-13 13:26:33 · 6842 阅读 · 0 评论 -
React创建组件的三种方式及其区别
React推出后,出于不同的原因先后出现三种定义react组件的方式,殊途同归;具体的三种方式:函数式定义的无状态组件 es5原生方式React.createClass定义的组件 es6形式的extends React.Component定义的组件虽然有三种方式可以定义react的组件,那么这三种定义组件方式有什么不同呢?或者说为什么会出现对应的定义方式呢?下面就简单介绍一下。无状态...转载 2018-08-01 14:06:29 · 108 阅读 · 0 评论 -
react中findDomNode的作用
在使用react过程中,大家有时会那么这里的findDomNode是做什么的呢?import { findDomNode } from 'react-dom'; 简单来说是用来得到实际Dom的,因为react组件有个特点,它有自定义组件,比如<NavBox/>这种,用ref来获取这种组件获取到的这是组件定义的对象的实例,见下面代码getNodeInstance(...原创 2018-08-01 15:15:27 · 25704 阅读 · 0 评论 -
React Router页面传值的三种方法
本文主要介绍React Router定义路由之后如何传值,有关React和React Router 的基础请参考阮老师的博客注:本文示例React Router版本为:3.0.2,使用前请注意检查版本一.props.params官方例子使用React router定义路由时,我们可以给<Route>指定一个path,然后指定通配符可以携带参数到指定的path: ...转载 2018-08-02 11:14:05 · 2406 阅读 · 0 评论 -
react中数据父传子和子传父的实现
React父组件与子组件之间的值传递一、父组件向子组件传递信息将父组件的state通过props传入子组件父组件代码片段 constructor(props){ super(props) this.state={ message:"我是父组件传来的" } } render(){ return( <div ...原创 2018-08-02 15:05:13 · 14574 阅读 · 0 评论 -
create-react-app脚手架构建react项目后配置proxy
使用create-react-app创建项目后,在本地开发时 ,配置请求转发是常见的。配置转发之后我们在本地环境就能请求到服务器的接口。 使用以下命令生成本地webpack配置文件npm run eject该命令会将配置文件暴露到scripts目录下然后看scripts目录下的start.js源码 发现 const compiler = createCompiler(we...原创 2018-08-02 17:05:39 · 6225 阅读 · 1 评论 -
mapStateToProps,mapDispatchToProps的使用详解
刚接触redux的时候,发现大家对mapDispatchToProps使用有几种方法,而且都跑通了,本文来介绍下,redux的mapStateToProps,mapDispatchToProps的一些使用方式。mapStateToProps(state, ownProps) mapStateToProps是一个函数,用于建立组件跟 store 的 state 的映射关系 作为一个函数,它可...转载 2018-08-06 15:16:50 · 5917 阅读 · 0 评论 -
React组件属性部类(propTypes)校验
Prop 验证随着应用不断变大,保证组件被正确使用变得非常有用。为此我们引入propTypes。React.PropTypes 提供很多验证器 (validator) 来验证传入数据的有效性。当向 props 传入无效数据时,JavaScript 控制台会抛出警告。注意为了性能考虑,只在开发环境验证 propTypes。下面用例子来说明不同验证器的区别:React.createClass...原创 2018-08-06 14:52:51 · 261 阅读 · 0 评论 -
Redux 中CombineReducer的原理和应用
随着应用变得复杂,需要对 reducer 函数 进行拆分,拆分后的每一块独立负责管理 state 的一部分。combineReducers 辅助函数的作用是,把一个由多个不同 reducer 函数作为 value 的 object,合并成一个最终的 reducer 函数,然后就可以对这个 reducer 调用 createStore。合并后的 reducer 可以调用各个子 reducer...原创 2018-08-06 14:24:49 · 761 阅读 · 0 评论 -
React×Redux——react-redux库connect()方法与Provider组件
【本文源址:http://blog.csdn.net/q1056843325/article/details/54880804 转载请添加该地址】在写Redux的时候我们就了解了 如果使用Redux的话配合React是最好的 Dan Abramov为此还特意封装了一个react-redux库来提供便利概念一旦我们选择使用了这个react-redux库 那么我们的组件概念就要加...转载 2018-08-06 10:36:07 · 168 阅读 · 0 评论