conversational-form with react.js - render()

hello.jsx

class Hello extends Component {

  ...
  render() {
    return (
      <div>
        <h2>Conversational Form</h2>
        <div id="cf-context" > {/* <-- the cf form will be bound to this element */}
          <form id="form" className="form" ref="form">
            <input type="text" ref="name" placeholder="Name" defaultValue={this.props.name}/>
            <input type="email" ref="email" placeholder="Email" defaultValue={this.props.email}/>
            <select ref="description" type="radio" id="links"> {/* <-- using selection for options */}
              <option value="request_1">Request 1</option>
              <option value="request_2">Request 2</option>
            </select>
          </form>
        </div>
      </div>
    );
  }
}

export default Hello;