AppPostRenderProp.js

import React, { Component } from 'react';
import CurrentTime from 'components/CurrentTime';

class CurrentYear extends Component {
  render() {
    const { time } = this.props;

    return <div>{time.getFullYear()}</div>
  }
}

class NextYear extends Component {
  render() {
    const { time } = this.props;

    return <div>{time.getFullYear() + 1}</div>
  }
}

class App extends Component {
  render() {
    return <div>
      <CurrentTime component={({time}) => (
        <div>
          Time atual: {time.toString()}
        </div>
      )}></CurrentTime>


      <CurrentTime component={({time}) => (
        <button>
          {time.toString()}
        </button>
      )}></CurrentTime>

      <CurrentTime component={CurrentYear}></CurrentTime>

      <CurrentTime component={(currentTimeState) => <NextYear {...currentTimeState} />}></CurrentTime>
    </div>
  }
}

export default App;