withreactcomponentclickhandler

const List = ({ items, onClick }) => (
  <ul>
    {items.map(item => (
      <ClickHandler key={item.id} data={item} onClick={onClick}>
        {(handleClick) => (
          <li onClick={handleClick}>
              {item.text}
          </li>
        )}
      </ClickHandler>
    ))}
  </ul>
)