conditionalRendering.jsx

const handlers = {
  number: value => <NumberDisplay>{value}</NumberDisplay>
  currency: value => <CurrencyDisplay customProps value={value} />
  time: value => <TimeDisplay time={value} customProps />
  date: value => <DateDisplay date={value}  showTime={false} />
  default: value => value,
};

const displayData = (type, value) => {
  const handler = handlers[type] || handlers.default;
  return handler(value);
}

const MyComponent = ({ type, value }) => (
  <div>
    <h1>I have some content here</h1>
    {displayData(type, value)}
  </div>
)

nice! hahahaha This is Alur from Fb page.