React小示例
ES6模式的数据渲染
class LikeButton extends React.Component{
constructor(){
super();
this.state = {
liked: false
};
this.handleClick = this.handleClick.bind(this);
}
handleClick(){
this.setState({liked: !this.state.liked});
}
render(){
const text = this.state.liked ? 'liked' : 'haven\'t liked';
return (You {text} this. Click to toggle.);
}
}ReactDOM.render(
,
document.querySelector('.example')
);
class HelloWorld extends React.Component{
render(){
return (【React小示例】Hello,
It is {this.props.data.toTimeString()}
);
}
}
function tick(){
ReactDOM.render(
,
document.querySelector('.example')
);
}
setInterval(tick, 1000);
推荐阅读
- 一个小故事,我的思考。
- 家乡的那条小河
- 一个人的碎碎念
- 野营记-第五章|野营记-第五章 讨伐梦魇兽
- 昨夜小楼听风
- 2021-02-17|2021-02-17 小儿按摩膻中穴-舒缓咳嗽
- 基于微信小程序带后端ssm接口小区物业管理平台设计
- 2019.4.18感恩日记
- 那件我们忽略的小事叫感恩
- 你有婚内虐待行为吗()