React Base Fiddle (JSX)sdff
HTML
<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="container">
<!-- This element's contents will be replaced with your component. -->
</div>
Babel + JSX
class Angularish extends React.Component {
constructor(props){
super(props);
this.updateSite = this.updateSite.bind(this);
this.state = { site:'foo' };
};
updateSite(e){
this.setState({ site : e.target.value});
};
render() {
return <div><input value={this.state.site} onChange={this.updateSite} /> {this.state.site}</div>;
}
};
ReactDOM.render(
<Angularish />,
document.getElementById('container')
);