JSFiddle - React, Tailwind, and code Playground

by NV

HTML

<script src="http://fb.me/JSXTransformer-0.10.0.js"></script>
<script src="http://fb.me/react-with-addons-0.10.0.js"></script>
<script src="https://fb.me/react-js-fiddle-integration.js"></script>

CSS

[contentEditable] {
    border: 1px solid #999;
    display: inline-block;
    padding: 3px;
}

Babel + JSX

function Number() {
  const [value, setValue] = React.useState('123');
  
  function onChange(v) {
    // Doesn't fire :(
    console.log('changed', v);
    setValue(v);
  }
  return <div>
    <span contentEditable={true} onChange={onChange}>
      {value}
    </span>
    =
    {value}
  </div>;
}

ReactDOM.render(<Number />, document.body);