-
Notifications
You must be signed in to change notification settings - Fork 0
/
Note.js
54 lines (40 loc) · 929 Bytes
/
Note.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
39
40
41
42
43
44
45
46
47
48
49
50
51
52
import React from "react";
const Note = (props) =>{
console.log(props);
const updateTitle = (e) => {
const updatedValue = e.target.value;
const editMeId = props.note.id;
props.onType(editMeId, "title", updatedValue);
};
const updateDescription = (e) => {
const updatedValue = e.target.value;
const editMeId = props.note.id;
props.onType(editMeId, "description", updatedValue);
};
const clickDelete = () =>{
props.removeNote(props.note.id)
}
return(
<li className="note">
{console.log(props.note)}
<input
className="note__title"
type="text"
placeholder="title"
value={props.note.title}
onChange={updateTitle}
/>
<textarea
className="note__description"
placeholder="Description..."
value={props.note.description}
onChange={updateDescription}
/>
<span
className="note__delete"
onClick={clickDelete}
>X</span>
</li>
);
};
export default Note;