gistfile1.js

// make a "base" component
const FakeButton = (props) => (
  <div
    {...props}
    style={{
      cursor: 'default',
      border: '1px solid',
      borderRadius: '3px',
      ...props.style
    }}
    tabIndex="0"
    role="button"
    onKeyDown={(e) => e.key === 'Enter' && props.onClick(e)}
    onKeyUp={(e) => e.key === 'Space' && props.onClick(e)}
    onClick={props.onClick}
  />
)

FakeButton.defaultProps = {
  onClick() {}
}

// wrap it to add specific behavior
const AlertButton = (props) => (
  <FakeButton
    {...props}
    onClick={(event) => alert(props.message)}
  />
)

// use it anywhere
render(<AlertButton message="hello"/>, el);

Looks great. Is there some kind of transformation I am missing ? How is React.createElement() taking the return of another createElement() as first argument ? Adding this to jsfiddle does throw this error as expected.

Uncaught TypeError: Can't add property context, object is not extensible

what am i missing ?

oh! version 0.14 thing