![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React js
文章平均质量分 91
iteye_944
这个作者很懒,什么都没留下…
展开
-
React js属性和状态的使用和区别
React js的属性和状态 属性:props 一般属性是不改变的,经常作为传入的数据. 例: 建立PropsTest控件,从网页上输出简单的 Hello, XXX, XXX为传入的属性name,当name为空时,输出Hello,World 输入为其他值时,比如:Curry,输出Hello,Curry <script type="text/babe...2016-07-23 09:32:10 · 626 阅读 · 1 评论 -
React js组件的生命周期
组件的生命周期分为初始化阶段,运行中阶段,销毁阶段.不同阶段可以触发不同的函数运行. 初始化阶段函数: getDefaultProps: 每个组件只调用一次 getInitialState: 每个实例初始化时调用 componentWillMount: render之前运行 render componentDidMount: render之...2016-07-24 19:09:32 · 79 阅读 · 0 评论 -
webpack基本安装和配置
本文介绍Webpack辅助ReactJS进行开发的简单例子。 Webpack基础详解地址:http://2914905399.iteye.com/blog/2357893 简单来说,webpack是一个模块打包工具,在 webpack 里,所有类型的文件都可以是模块,包括我们最常见的 JavaScript,及 CSS 文件、图片、json 文件等等。通...2016-07-30 16:29:55 · 109 阅读 · 0 评论 -
React Router路由的简单使用方法
路由系统可以在浏览器的URL发生改变的时候,做出一些响应,使页面与URL同步。 React Router是为React设计的一款路由库。 官方示例库:https://github.com/reactjs/react-router-tutorial/tree/master/lessons 效仿官方示例库,用一个简单...2016-07-31 19:41:39 · 166 阅读 · 0 评论 -
一个最最简单的React-Redux使用例子
Redux 是 JavaScript 状态容器,提供可预测化的状态管理。 官方文档:http://cn.redux.js.org//index.html# 要点(官方):应用中所有的 state 都以一个对象树的形式储存在一个单一的 store 中。 惟一改变 state 的办法是触发 action,一个描述发生什么的对象。为了描述 action 如何改变 state 树,你需要编...2016-08-06 17:22:20 · 163 阅读 · 0 评论 -
关于React ES5和ES6用法的不同
1,引入与导出方式不同 //ES5 var React = require("react"); //ES6 import React, { Component, PropTypes } from 'react 导入: ES5使用require导入,而ES6使用了import //ES5 module.exports = Test; //ES6 export defa...2016-08-16 00:45:33 · 146 阅读 · 0 评论 -
React js声明周期补充
关于组件的生命周期方法,需要特别注意每个方法的运行时间还有方法中需要填写的内容。 下为此前博客的补充: 初始化阶段: (1)render() : 创建每个组件时, render()方法是必不可少的。如果该组件不需要渲染任何东西,也必须使render()返回 null或者false,此时当创建的组件应用到其它地方时,返回的是null。 ...2016-08-19 21:30:36 · 74 阅读 · 0 评论 -
webpack安装配置详解
去年写过一篇webpack协助React js工作的简单例子。但是webpack的功能非常强大,并不是专门服务于React js的。之前对webpack理解很模糊,只能简单使用。最近参考其他一些文档教程,重新学习了解了一下webpack的功效。 Webpack简介 Webpack可以看做是模块打包机:它做的事情是,分析你的项目结构,找到JavaScript模块以及其他的一些浏览器不能...原创 2017-02-19 16:27:05 · 254 阅读 · 0 评论