react
xiaopengyaonixi
Enjoy life Enjoy coding
展开
-
react 学习--组件的生命周期(一)初始化阶段
var style = { "width":"100%", "lineheight":"30px", "color":"red", "border":"solid 1px gray" }; var count = 0; // 定义一个helloworld组件 var HelloWorld = Rea转载 2016-10-24 12:52:04 · 838 阅读 · 0 评论 -
react 学习--组件的生命周期(二)运行阶段
var HelloWorld = React.createClass({ // 1.父组件修改属性触发,可以修改新属性,修改状态 componentWillReceiveProps:function () { console.log("componentWillReceiveProps,1"); },转载 2016-10-24 14:09:03 · 267 阅读 · 0 评论 -
react 学习--组件的生命周期(三)销毁阶段
var HelloWorld = React.createClass({ render:function () { return ( Hello,{this.props.name?this.props.name:' World'}转载 2016-10-24 14:30:14 · 2105 阅读 · 0 评论 -
react 学习--结合bootstrap实现评论功能
Title // 定义评论发送消息的子组件 var Content = React.createClass({ getInitialState:function () { return { inputText:""原创 2016-10-24 15:41:52 · 3034 阅读 · 0 评论 -
react 学习--使用Mixin
Title var BindingMixin = { handleChange:function (key) { var that = this; var newState = {}; return function (event) {转载 2016-10-25 09:23:27 · 359 阅读 · 0 评论 -
React 官网例子实现一个列表
官网参考地址:https://reactjs.org/docs/thinking-in-react.html学习了react的quicksart部分之后跟着官网的文档进行一次react的开发探索。首先是实现的效果:功能描述:能够输入关键字进行模糊查询,点击复选框只显示黑色字体部分。下面是实现的过程,首先分析整个页面,如何把一个功能模块进行合理的拆分成一个个小的功能模块。searcbar:搜索组件p...原创 2018-05-11 16:51:56 · 6229 阅读 · 0 评论