React总结3:ES6下React组件的写法示例代码
来源:互联网 发布:域名紧急升级 编辑:程序博客网 时间:2024/06/05 17:44
一:定义React组件
class Hello extends React.Component { render() { return <h1>Hello, {this.props.value}</h1>; }}
二:声明prop类型与默认prop
class Hello extends React.Component { // ...}Hello.propTypes = { value: React.PropTypes.string};Hello.defaultProps = { value: 'world'};
三、设置初始state
class Hello extends React.Component { constructor(props) { super(props); this.state = {count: props.initialCount}; } // ...}
四、自动绑定
lass SayHello extends React.Component { constructor(props) { super(props); this.state = {message: 'Hello!'}; // 这行很重要 this.handleClick = this.handleClick.bind(this); } handleClick() { alert(this.state.message); } render() { // Because `this.handleClick` is bound, we can use it as an event handler. return ( <button onClick={this.handleClick}> Say hello </button> ); }}
阅读全文
0 0
- React总结3:ES6下React组件的写法示例代码
- react的es6写法
- React Native ES6写法总结
- React 组件的三种写法总结
- React 组件的三种写法总结
- React.js中常用的ES6写法总结
- React的ES5与ES6写法对比
- React ES6与ES5写法的区别
- React/React Native 的ES5 ES6写法对照表
- React/React Native 的ES5 ES6写法对照表
- React/React Native 的ES5 ES6写法对照表
- React/React Native 的ES5 ES6写法对照表
- React/React Native 的ES5 ES6写法对照表
- React/React Native 的ES5 ES6写法对照表
- React/React Native 的ES5 ES6写法对照表
- React/React Native 的ES5 ES6写法对照表
- React/React Native 的ES5 ES6写法对照表
- React/React Native 的ES5 ES6写法对照表
- 暑期项目开发实训 Day7
- Android面试题记录
- 你必须要掌握的测试利器--TestNG
- 20.迭代器模式
- 51Nod-1967-路径定向
- React总结3:ES6下React组件的写法示例代码
- 经典错误一
- 震惊!原来String类是这样的(上)
- Qin Shi Huang's National Road System
- (1) vsftpd 安装
- Java实现-编码方法
- 几个基础算法介绍和实现——冒泡排序
- PHP魔术方法之__unset()和__isset()方法
- eclipse中Web Deployment Assembly与build path作用