JSFiddle - React, Tailwind, and code Playground

by emilcieslar

HTML

<script src="https://unpkg.com/[email protected]/umd/react.development.js"></script>
<script src="https://unpkg.com/[email protected]/umd/react-dom.development.js"></script>
<div id="container">
    <!-- This element's contents will be replaced with your component. -->
</div>

Babel + JSX

const Hello = function Hello({ person, onNameUpdate }) {
  return (
    <div>
      <input type="text" name="name" value={person.name} onChange={onNameUpdate} />
    </div>
  );
};


let person = {
	name: 'Emil',
};

const onNameUpdate = event => {
	person.name = event.target.value; 
};


ReactDOM.render(
  <Hello person={person} onNameUpdate={onNameUpdate} />,
  document.getElementById('container')
);