react.js如何换球's每秒钟上课一次
react.js How to change the ball's class every seconds?
- 我刚开始学习react.js。我想在每秒钟内改变球的等级吗?一秒钟是"开",另一秒钟是是"关">
- 我正在尝试使用
setInterval
,但出现错误Error: Invariant Violation: EzLampComp.render(): A valid ReactComponent must be returned.
- 我的代码在这里。如何解决
ez灯样式:
.ez-lamp{
display : inline-block;
margin : 5px;
width : 30px;
height : 30px;
border-radius : 50%;
}
.ez-lamp.on{
opacity : 1;
background : -webkit-radial-gradient(30% 30%,white 5%,red 95%);
}
.ez-lamp.off{
opacity : 0.5;
background : -webkit-radial-gradient(30% 30%,#888 5%,red 95%);
}
Ezlamp组件:
var EzLampComp = React.createClass({
render : function(){
var onoff = this.props.onoff;
setInterval(function(){
if(onoff="on")
return <span className = "ez-lamp off"></span>;
else
return <span className = "ez-lamp off"></span>;
},1000);
}
});
ReactDOM.render(
<EzLampComp onoff="on"/> , //JSX
document.querySelector("#content"));
setInterval应该从componentDidMount调用,并且应该只切换状态。
getInitialState() {
return {
onoff: this.props.onoff
}
}
componentDidMount() {
setInterval(function() {
this.setState({
onoff: !this.state.onoff
}, 1000);
}
}
相关文章:
- Rails操作只调用一次,但我在ajax中每秒钟都调用一次
- 使用Javascript每隔几秒钟更改一次HTML页面中的图像
- 角函数每秒钟增加一次
- 我怎么能有一个实时计时器,在3秒的循环内每秒钟更新一次
- 在Javascript中每五秒钟循环一次
- 如何模拟“;向下翻页”;每2秒钟按下一次按钮
- jquery:如何检测每隔几秒钟加载一次的元素
- 鼠标移动事件每秒钟重复一次
- 如何在10秒后调用ajax,并且我的页面每秒钟加载一次
- Javascript通知每秒钟出现一次
- 创建一个每秒钟更新一次的日期和时间函数
- setInterval在显示服务器时间期间每秒钟减慢一次
- 强制Android浏览器每秒钟重画一次
- 每秒钟更新一次React组件
- JS事件每秒钟触发一次,但在内部做一次动作
- 每秒钟更新一次图表
- react.js如何换球's每秒钟上课一次
- 每隔几秒钟只在setInterval函数内执行一次代码
- 检查鼠标按钮是否按下按钮/图片,每隔几秒钟执行一次功能,直到按下按钮
- 每隔几秒钟自动关闭一次溢出