react系列(5)组件内部方法和静态方法
来源:互联网 发布:手机淘宝评价管理截图 编辑:程序博客网 时间:2024/06/08 11:03
组件内部方法:通过该方法来修改组件自身状态或监听组件事件。除了正常用法外,还允许在父组件通过创建事件句柄 ,并作为 prop传递到你的子组件上,由子组件来调用,实现由子组件驱动更新父组件的state。
//组件内部方法var Content = React.createClass({render:function(){return (<div><input type="text" value={this.props.value} onChange={this.props.handleChange}/><h1>{this.props.value}</h1></div>)}});var BindText = React.createClass({getInitialState:function(){return {value:"hello"}},handleChange:function(event){this.setState({value:event.target.value}); //通过事件来修改数据},render:function(){return (<div><Content value={this.state.value} handleChange={this.handleChange}/></div>)}});(注)上例中的handleChange就是组件内部方法。
组件静态方法:通过该方法可以在组件类上直接调用,如Component.fun()。定义静态方法时,需写在组件的statics对象内。如下例中的customMethod。
//组件静态方法var MyComponent = React.createClass({ statics: { customMethod: function(foo) { return foo === 'bar'; } }, render: function() { }});var result = MyComponent.customMethod('bar');console.log(result); // true
阅读全文
0 0
- react系列(5)组件内部方法和静态方法
- React Js Router 静态方法跳转 直接点到组件
- react组件生命周期方法说明
- js中静态方法(属性)、实例方法(属性)、内部方法(属性)和原型的一点见解
- react系列(3)组件创建、检测和移除
- javascript中静态方法、实例方法、内部方法和原型的一点见解
- javascript中静态方法、实例方法、内部方法和原型的一点见解
- javascript中静态方法、实例方法、内部方法和原型的一点见解
- javascript中静态方法、实例方法、内部方法和原型的一点见解
- react 入门-创建组件(3)工厂方法
- react组件API的7个方法
- react组件3种创建方法
- React.js组件通信所有方法
- Java(静态方法和实例方法)
- IIS6.0、IIS7.5的伪静态组件ISAPI_Rewrite安装和配置方法
- IIS6.0、IIS7.5的伪静态组件ISAPI_Rewrite安装和配置方法
- react系列(11)数组格式入参处理方法
- Win7/Windows2003下IIS6.0、IIS7.5的伪静态组件安装和伪静态配置方法
- 屏幕增强实例二(BOM Header)
- springboot整合jpa
- 机器学习之中文处理:文言文还是白话文
- Junit Assert.assertEquals中的delta用法
- Disqus On Jekyll 之翻内篇
- react系列(5)组件内部方法和静态方法
- 【教程】PDF组件Spire.PDF 教程:在C#中显示PDF文件的打印预览
- pygame入门小游戏(外星人入侵(9) )
- Android SQLite语句记录
- Android 自定义View 中attr属性 深入解析
- java基本数据类型及类型转换
- 在spring boot项目(maven)中引入其他 spring boot项目(jar)
- radio自動選中事件
- 深入理解Fabric环境搭建的详细过程