react.js-10-渐隐动画
2016-03-12 16:23
573 查看
var Hello = React.createClass({
getInitialState: function () {
return {
opacity: 1.0
};
},
componentDidMount: function () {
this.timer = setInterval(function () {
var opacity = this.state.opacity;
opacity -= .05;
if (opacity < 0.1) {
opacity = 1.0;
}
this.setState({
opacity: opacity
});
}.bind(this), 100);
},
render: function () {
return (
getInitialState: function () {
return {
opacity: 1.0
};
},
componentDidMount: function () {
this.timer = setInterval(function () {
var opacity = this.state.opacity;
opacity -= .05;
if (opacity < 0.1) {
opacity = 1.0;
}
this.setState({
opacity: opacity
});
}.bind(this), 100);
},
render: function () {
return (
相关文章推荐
- react.js-09-输入刷新界面
- react.js-09-点击刷新state
- react.js-08-state
- react.js-07-组件点击
- react.js-06-propTypes类型校验
- react.js-05-children遍历数组组件
- react-js-04-组件
- react-js-03-数组标签
- React.js-02-遍历数据
- react.js-01-HelloWorld
- React Native For Android 架构初探
- 整理了一份React-Native学习指南
- 【腾讯Bugly干货分享】深入源码探索 ReactNative 通信机制
- React 入门实例教程
- ReactNative记录(Android)
- 两种IO模式:Proactor与Reactor模式
- ES6语法篇(其一)
- 安装react native
- 新手理解Navigator的教程
- 我为什么从Angular转向React?