質問編集履歴
2
質問の解答
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -15,8 +15,8 @@
|
|
|
15
15
|
|
|
16
16
|
const handleClick = (event) => {
|
|
17
17
|
console.info('You clicked the Chip.');
|
|
18
|
-
console.log(event
|
|
18
|
+
console.log(event)//該当箇所
|
|
19
|
-
setPerson(event.target.label)
|
|
19
|
+
//setPerson(event.target.label)
|
|
20
20
|
};
|
|
21
21
|
|
|
22
22
|
const [person, setPerson] = useState("山田花子");
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
<Chip
|
|
33
33
|
icon={<PersonIcon />}
|
|
34
34
|
label="山田花子"
|
|
35
|
-
onClick={handleClick}
|
|
35
|
+
onClick={handleClick('山田花子')}
|
|
36
36
|
onDelete={handleDelete}
|
|
37
37
|
className={classes.chip}
|
|
38
38
|
/>
|
1
質問の解答
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
### 前提・実現したいこと
|
|
2
2
|
|
|
3
3
|
React.jsのクリックイベントにおいて、クリックしたchipのラベルの名前をstateで管理したいのですが、どのように記述すればいいのかわかりません。
|
|
4
|
+
chipはmaterial-uiで提供されているコンポーネントの一つです。以下参照。
|
|
5
|
+
[https://material-ui.com/components/chips/](https://material-ui.com/components/chips/)
|
|
4
6
|
ちなみにevent.target.labelとした場合ではnot definedとなりました。
|
|
5
7
|
わかる方がいましたら、コメントお願いします。
|
|
6
8
|
|