recompose_lifecycle_withstate.js

import React from 'react';
import { Component } from 'react';
import { render } from 'react-dom';
import { withState, compose, lifecycle } from 'recompose'

const Enhanced = compose(
  withState('text', 'setText', 'first'),
  lifecycle({
    componentDidMount() {
      var that = this;
      setTimeout(() => {
        that.props.setText('second');
      }, 1000);
    },
  }))
  ( ({ text }) => {
    return (
      <div>{text}</div>
    );
});

const App = () => (
  <Enhanced text="text" />
);

render(<App />, document.getElementById('root'));