1. import * as React from 'react';
2.  
3. class MyFirstForm extends React.Component {
4.         state = {
5.                 name: '',
6.                 color: 'blue',
7.                 message: '',
8.                 isChecked: true,
9.                 choice: ""
10.         };
11.  
12.         handleChange(e, val) {
13.  
14.                 switch (val) {
15.                         case "name": {
16.                                 this.setState({
17.                                         name: e.target.value
18.                                 });
19.                                 break;
20.                         }
21.                         case "color": {
22.                                 this.setState({
23.                                         color: e.target.value
24.                                 });
25.                                 break;
26.                         }
27.                         case "message": {
28.                                 this.setState({
29.                                         message: e.target.value
30.                                 });
31.                                 break;
32.                         }
33.                         case "isChecked": {
34.                                 this.setState({
35.                                         isChecked: e.target.checked
36.                                 });
37.                                 break;
38.                         }
39.                         default:
40.                                 console.log("cos nie dziala w switchu");
41.                 }
42.         }
43.  
44.  
45.         handleNameChange = (e) => {
46.                 this.setState({
47.                         name: e.target.value
48.                 });
49.         };
50.         handleColorChange = (e) => {
51.                 this.setState({
52.                         color: e.target.value
53.                 });
54.         };
55.         handleMessageChange = (e) => {
56.                 this.setState({
57.                         message: e.target.value
58.                 });
59.         };
60.         handleCheckboxChange = (e) => {
61.                 this.setState({
62.                         isChecked: e.target.checked
63.                 });
64.         };
65.  
66.         render() {
67.                 return (
68.                         <div>
69.                                 <input value={this.state.name} onChange={(e) => this.handleChange(e, "name")}/>
70.                                 <select value={this.state.color} onChange={(e) => this.handleChange(e, "color")}>
71.                                         <option value="red">Czerwony</option>
72.                                         <option value="blue">Niebieski</option>
73.                                         <option value="green">Zielony</option>
74.                                 </select>
75.                                 <textarea value={this.state.message} id="text" onChange={(e) => this.handleChange(e, "message")}/>
76.                                 <label>
77.                                         <input type="checkbox" id={"checkbox"} checked={this.state.isChecked} onChange={(e) => this.handleChange(e, "isChecked")}/>
78.                                 </label>
79.                         </div>
80.                 );
81.         }
82. }
83.  
84. export default MyFirstForm;
85.  
86.