react组件自定义写法
来源:互联网 发布:sjf算法流程图 编辑:程序博客网 时间:2024/06/05 18:13
var LikeButton = React.createClass({
getInitialState: function() {
return {liked: false};
},
handleClick: function(event) {
this.setState({liked: !this.state.liked});
},
render: function() {
var text = this.state.liked ? '喜欢' : '不喜欢';
return (
<p onClick={this.handleClick}>
你<b>{text}</b>我。点我切换状态。
</p>
);
}
});
React.render(
<LikeButton />,
document.getElementById('example')
);
getInitialState: function() {
return {liked: false};
},
handleClick: function(event) {
this.setState({liked: !this.state.liked});
},
render: function() {
var text = this.state.liked ? '喜欢' : '不喜欢';
return (
<p onClick={this.handleClick}>
你<b>{text}</b>我。点我切换状态。
</p>
);
}
});
React.render(
<LikeButton />,
document.getElementById('example')
);
0 0
- react组件自定义写法
- react demo3 (自定义react组件)
- react-native 自定义组件
- react---自定义audio组件
- React 组件的三种写法总结
- React 组件的三种写法总结
- react demo5 (自定义react复合组件)
- React Native自定义BadgeView组件
- React-Native引用自定义组件
- react native 自定义基础组件
- React Native自定义标题栏组件
- react-native自定义单选框组件
- 自定义React图片上传组件
- React组件的自定义属性
- React 自定义组件与组件复用
- React之路--组件和自定义组件
- React Native 添加自定义UI组件
- Android React Native自定义组件的流程
- 揭秘! 张柏芝大秀美腿撩倒小鲜肉, 一天能让所以男人爱上自己
- #Paper Reading# Fast Online EM for Big Topic Modeling
- Android App优化, 要怎么做?
- AIDL初探:夸进程的通信和跨进程的回调机制
- Flume(NG)架构设计要点及配置实践
- react组件自定义写法
- (转)【NOIP模拟题】【线段树】【扫描线】2016.11.17 第三题 矩形 题解
- Servlet学习之二实现简单的登录功能
- PHP转换编码问题GBK/UTF-8
- C#将汉字转成汉语拼音
- Android自定义SeekBar thumb透明效果
- sqlserver数据库备份与还原语句
- react安装初探
- Scade——学习笔记(4)