JSFiddle - React, Tailwind, and code Playground
HTML
<script src="http://fb.me/react-with-addons-0.12.0.js"></script>
<script src="http://fb.me/JSXTransformer-0.12.0.js"></script>
<script src="http://fb.me/react-js-fiddle-integration.js"></script>
JavaScript 1.7
var MyApp = React.createClass({
getInitialState: function(){
return {
vorname: this.props.vorname,
nachname: this.props.nachname,
}
},
handleChange: function(){
var firstName = this.refs.vorname.getDOMNode().value;
var lastName = this.refs.nachname.getDOMNode().value;
this.setState({
vorname: vorname,
nachname: lastName,
});
},
render: function() {
var ganz = this.state.vorname + this.state.nachname;
return (
<div>
Vorname: <input ref="vorname" onChange={this.handleChange} value={this.state.vorname}/><br/>
Nachname: <input ref="nachname" onChange={this.handleChange} value={this.state.nachname}/><br/>
Kompletter Name: {ganz}
</div>);
}
});