how to create contact form in react js with bootstrap

Solutions on MaxInterview for how to create contact form in react js with bootstrap by the best coders in the world

showing results for - "how to create contact form in react js with bootstrap"
Emilia
26 Mar 2017
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