摘要: /* 用户在输入框内输入的内容进行实时显式 分析: 组件与用户交互过程中,存在状态的变化,即输入框的值 */ var Input = React.createClass({ getInitialState:function () { return { value:"请输入" }; ... 阅读全文
posted @ 2017-02-22 19:02 电蚊拍 阅读(2429) 评论(1) 推荐(0) 编辑
摘要: 事件处理 React中的事件名称,组件中包含一个button,给button绑定onClick事件 定义一个组件:button 给button绑定onClick事件 state 状态 props 组件自身的属性 阅读全文
posted @ 2017-02-22 18:45 电蚊拍 阅读(141) 评论(0) 推荐(0) 编辑
摘要: 属性验证 propTypes 组件类的属性 用于验证组件实例的属性是否符合要求 下面传的123是数字,不是字符串,所以会报错 设置组件属性的默认值 通过实现组件的getDefaultProps方法,对属性设置默认值 阅读全文
posted @ 2017-02-22 18:17 电蚊拍 阅读(1501) 评论(0) 推荐(0) 编辑
摘要: this.props.children children是一个例外,不是跟组件的属性对应的 表示组件的所有子节点 HTML5中有一种标签:列表 <ul> <ol> <li> 定义一个列表组件,列表项中显式的内容,以及列表项的数量都由外部决定 阅读全文
posted @ 2017-02-22 18:00 电蚊拍 阅读(680) 评论(0) 推荐(0) 编辑
摘要: props是组件自身的属性,一般用于嵌套的内层组件中,负责传递信息(通常是由父层组件向子层组件传递) 注意:props对象中的属性与组件的属性一一对应,不要直接去修改props中属性的值 ...this.props props提供的语法糖,可以将父组件中的全部属性复制给子组件 阅读全文
posted @ 2017-02-22 17:44 电蚊拍 阅读(175) 评论(0) 推荐(0) 编辑
摘要: 复合组件也被称为组合组件,创建多个组件合成一个组件 定义一个组件webShow。功能:输出网站的名字和网址,网址是一个可以点击的链接 分析:定义一个组件WebName负责输出网站名字,定义组件WebLink显示网站的网址,并且可以点击 阅读全文
posted @ 2017-02-22 15:24 电蚊拍 阅读(164) 评论(0) 推荐(0) 编辑