withHandlers

HTML

<script src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<script src="https://unpkg.com/recompose/build/Recompose.js"></script>
<div id="container">
  <!-- This element's contents will be replaced with your component. -->
</div>

Babel + JSX

const { withHandlers } = Recompose;

const Counter = ({ onClick }) => {
  <div>
    <button onClick={onClick}>click</button>
  </div>
}


const App = withHandlers(() => 
  ({
    onClick: () => () => console.log('click')
  })
)(Counter);

ReactDOM.render(<App />, document.getElementById("container"));