main.js

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

import Enhancers from './MyEnhancers';


ReactDOM.render(
  ToUpperAndUnderscore(<Text text="hello world"/>),
  'root'
);

MyEnhancers.js

import { compose } from 'redux';

const ToUpper = (Component) => ({ text }) => <Component text={text.toUpper()} \>

const WithUnderscores = (Component) => ({ text }) => <Component text={text.split(' ').join('_')} />

export default compose(ToUpper, WithUnderscores);

// use like this

Text.js

import React from 'react';

export default ({ text }) => <span >{text} </span >