JSFiddle - React, Tailwind, and code Playground

by youluna

HTML

<script src="https://unpkg.com/prop-types@15.5.10/prop-types.js"></script>
<script src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<div id="root"></div>

Babel + JSX

function onChange(v, d) {
  console.log(v, d);
}

class MyInput extends React.Component {
  constructor(props) {
		super(props);
    this.state = {
      value: ""
    };
  }
  onChange(e) {
    const value = e.target.value;
    console.log(value);
    this.setState({
      value
    });
  }
  render() {
    return <input onChange={this.onChange.bind(this)} value={this.state.value} />;
  }
}
const rootElement = document.getElementById("root");

ReactDOM.render(
  <div>MyInput:<MyInput/> </div>, rootElement
);