react.js如何每秒钟更换一次球的班次？

Question

1. 我是react.js的初学者。我想每秒钟换一次球的班次?一秒钟是“开”，另一秒钟是“关”。
2. 我正在尝试使用setInterval，但是有错误的Error: Invariant Violation: EzLampComp.render(): A valid ReactComponent must be returned.
3. 我的密码在这里。如何解决?？

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%);
}

电子灯组件：

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"));

Answer 1

setInterval应该从componentDidMount中调用，并且只应该切换状态。

getInitialState() {
  return {
    onoff: this.props.onoff
  }
}

componentDidMount() {
  setInterval(function() {
    this.setState({
      onoff: !this.state.onoff
    }, 1000);
  }
}