StateButton.js

import React from "react";

// Import State RenderProp Component
import State from "./State";

const Button = ({ children }) => (
  // Wrap <Button /> with <State />
  // Pass init prop to set the default state
  <State init={{ disabled: false }}>
    // <State />'s render function returns (function, state)
    // disableButton function can be renamed as desired
    // state will match object passed to init prop
    {(disableButton, { disabled }) => (
      <button
        // onClick fire disableButton function and change state
        onClick={() => {
          disableButton({
            disabled: true
          });
        }}
        // Disable=true|false
        disabled={disabled}
      >
        {children}
      </button>
    )}
  </State>
);

export default Button;