仅在父状态中的某些内容为真时才显示子组件

Question

我想仅在父组件状态中的条件为真时才渲染子组件。请看下面的代码。建议的方法是什么？

var App = React.createClass({
   getInitialState(){
      return {playing: false}
   },

   render() {
     return(
        <div>
            //only render ChildComponentOne if this.state.playing is true
            <ChildComponentOne />
            <ChildComponentTwo/>
        </div>
      )
    }
});