form.jsx

var React = require('react/addons');

Form = React.createClass({
  getInitialState: function () {
    return {display: false, name: "", text: ""};
  },
  send: function (e) {
    this.setState({display: true})
  },
  render: function () {
    var display = {display: this.state.display ? "none" : "block"};
    return (
      <form>
      <p style={display}>{this.state.name}: {this.state.text}</p>
      <hr />

      <div>
      <label htmlFor="name">Name:</label>
      <input id="name" name="name" value={this.state.name} />
      </div>

      <div>
      <label htmlFor="text">Text:</label>
      <textarea id="text" name="text">{this.state.text}</textarea>
      </div>

      <button type="submit" onClick={this.send}>Send</button>

      </form>)
  }
});

module.exports = Form