paragraph pile

ParagraphPile_1.js

var ParagraphPile = React.createClass(
  {getInitialState: function(){
    return({tog: false});
  },
    handleClick: function(e){
    labeledLog('state', this.state);
    e.preventDefault();
    var tog2 = !(this.state.tog);
    this.setState({tog: tog2});
  },
   render: function(){
     labeledLog("props", this.props);
     var colorName;
     if(this.state.tog){
       colorName = 'blue';
     }else{
       colorName = 'red';
     }
     return(
       <div className="paragraphHolder"
	    onClick = {this.handleClick}>
	 <div className={colorName}>
	   {this.props.textData.map(function(td){
	     return(<p>{td}</p>);
	   }
				   )}
       </div>
	 </div>
     );
   }}
);