質問編集履歴

2

質問の解答

2020/03/02 01:26

投稿

aiai8976
aiai8976

スコア112

test CHANGED
File without changes
test CHANGED
@@ -32,9 +32,9 @@
32
32
 
33
33
  console.info('You clicked the Chip.');
34
34
 
35
- console.log(event.target.label)//該当箇所
35
+ console.log(event)//該当箇所
36
36
 
37
- setPerson(event.target.label)
37
+ //setPerson(event.target.label)
38
38
 
39
39
  };
40
40
 
@@ -66,7 +66,7 @@
66
66
 
67
67
  label="山田花子"
68
68
 
69
- onClick={handleClick}
69
+ onClick={handleClick('山田花子')}
70
70
 
71
71
  onDelete={handleDelete}
72
72
 

1

質問の解答

2020/03/02 01:26

投稿

aiai8976
aiai8976

スコア112

test CHANGED
File without changes
test CHANGED
@@ -3,6 +3,10 @@
3
3
 
4
4
 
5
5
  React.jsのクリックイベントにおいて、クリックしたchipのラベルの名前をstateで管理したいのですが、どのように記述すればいいのかわかりません。
6
+
7
+ chipはmaterial-uiで提供されているコンポーネントの一つです。以下参照。
8
+
9
+ [https://material-ui.com/components/chips/](https://material-ui.com/components/chips/)
6
10
 
7
11
  ちなみにevent.target.labelとした場合ではnot definedとなりました。
8
12