DateAdd.js
1.64 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
import React from 'react'
import { post } from 'axios';
class DateAdd extends React.Component {
constructor(props) {
super(props);
this.state = {
date: '',
numOfVisiters:''
}
this.handleFormSubmit = this.handleFormSubmit.bind(this)
this.handleValueChange = this.handleValueChange.bind(this)
this.addDate = this.addDate.bind(this)
}
handleFormSubmit(e) {
e.preventDefault()
this.addCustomer()
.then((response) => {
console.log(response.data);
})
}
handleValueChange(e) {
let nextState = {};
nextState[e.target.name] = e.target.value;
this.setState(nextState);
}
addDate(){
const url = '/api/visiters';
const formData = new FormData();
formData.append('date', this.state.date)
formData.append('numOfVisiters', this.state.numOfVisiters)
const config = {
headers: {
'content-type': 'multipart/form-data'
}
}
return post(url, formData, config)
}
render() {
return (
<form onSubmit={this.handleFormSubmit}>
<h1> 날짜 추가 </h1>
날짜: <input type="text" name="date" value={this.state.date} onChange={this.handleValueChange} /><br/>
방문자 수: <input type="text" name="numOfVisiters" value={this.state.numOfVisiters} onChange={this.handleValueChange} /><br/>
<button type="submit">추가하기</button>
</form>
)
}
}
export default DateAdd