how to create contact form in react js with bootstrap

1render() {
2        return (
3            <div className="section">
4                <div className="container">
5                    <div className="row">
6                        <div className="col-md-12">
7                            <div className="section-title">
8                                <h2 className="title">Contact Us</h2>
9                                <p>Let us know what you think! In order to provide better service,
10                                     please do not hesitate to give us your feedback. Thank you.</p><hr/>
11                                <form id="contact-form" onSubmit={this.submitEmail.bind(this)} 
12                                    method="POST">
13                                <div className="form-group">
14                                <div className="row">
15                                <div className="col-md-6">
16                                    <input placeholder = "Name"  id="name" type="text" 
17                                       className="form-control" required value={this.state.name} 
18                                       onChange={this.onNameChange.bind(this)}/>
19                                </div>
20                                <div className="col-md-6">
21                                    <input placeholder = "Email"  id="email" type="email"
22                                      className="form-control" aria-describedby="emailHelp"
23                                      required value={this.state.email} onChange=
24                                      {this.onEmailChange.bind(this)}/>
25                                </div>
26                                </div>
27                                </div>
28                                <div className="form-group">
29                                    <input placeholder = "Subject"  id="subject" type="text"
30                                      className="form-control" required value={this.state.subject}
31                                      onChange={this.onSubjectChange.bind(this)}/>
32                                </div>
33                                <div className="form-group">
34                                    <textarea placeholder = "Message"  id="message" 
35                                       className="form-control" rows="1" 
36                                       required value={this.state.message}
37                                       onChange= {this.onMsgChange.bind(this)}/>
38                                </div>
39                                <button type="submit" className="primary-btn submit">Submit</button>
40                                </form>
41                            </div>
42                        </div>
43
44                    </div>
45
46                </div>
47            </div>
48        );
49    }
50