SJammy
10/10/2019 - 3:25 PM

Conditional in a Render Function

// Conditional in a Render Function

import React from 'react';
import ReactDOM from 'react-dom';

const fiftyFifty = Math.random() < 0.5;

// New component class starts here:

class TonightsPlan extends React.Component {
  render() {
    let nightPlan;
    if(fiftyFifty) {
       nightPlan = 'out';
    } else {
      nightPlan = 'to bed';
    }
    return (
    	<h1>Tonight I'm going {nightPlan} WOOO</h1>
    );
  }
  
};

ReactDOM.render(<TonightsPlan />, document.getElementById('app'));