/
CreatePost.js
38 lines (33 loc) · 1.07 KB
/
CreatePost.js
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
import React,{useState, useEffect} from 'react';
import Axios from 'axios'
import '../App.css'
function CreatePost() {
const [userName,setUserName] = useState("");
const [title,setTitle] = useState("");
const [text,setText] = useState("");
const submitPost = () => {
Axios.post('http://localhost:3002/api/create', {userName: userName, title: title, text:text})
}
return (
<div className="CreatePost">
<div className="uploadPost">
<label>Username: </label>
<input type="text" onChange={(e)=> {
setUserName(e.target.value)
}}/>
<label>Title: </label>
<input type="text" onChange={(e)=>{
setTitle(e.target.value)
}}/>
<label>Post Text</label>
<textarea
onChange={(e)=>{
setText(e.target.value)
}}
></textarea>
<button onClick={submitPost}>Submit Post</button>
</div>
</div>
)
}
export default CreatePost