質問するログイン新規登録

質問編集履歴

1

条件追記しました。

2018/07/03 05:36

投稿

cheche0830
cheche0830

スコア187

title CHANGED
File without changes
body CHANGED
@@ -34,4 +34,38 @@
34
34
  ref 取得 全部
35
35
  などで検索したのですがめぼしいものが見つからず・・・
36
36
 
37
- ご教授お願いいたします。
37
+ ご教授お願いいたします。
38
+
39
+ //条件追加
40
+
41
+ すいません、上記の条件であれば実現できたのですが、
42
+ 点在していたり・・・という点で下記の場合がございます。
43
+
44
+ ```ここに言語を入力
45
+ //1
46
+ for (let i = 0; i < 5 i++) {
47
+ <button onClick={ this.click.bind(this,i) } className={theme.list}>ボタン</button>
48
+ }
49
+ //2
50
+ for (let i = 0; i < 10 i++) {
51
+ <button onClick={ this.click.bind(this,i) } className={theme.list2}>ボタン</button>
52
+ }
53
+ //3
54
+ for (let i = 0; i < 100 i++) {
55
+ <button onClick={ this.click.bind(this,i) } className={theme.list3}>ボタン</button>
56
+ }
57
+ //4
58
+ <button onClick={ this.click.bind(this,i) } className={theme.list4}>ボタン</button>
59
+ ```
60
+ 例えば、buttonがいろんな箇所にいろいろ存在していて、
61
+ ただ、クリックしたもの意外はすべてnoneにするという排他関係にしたいのですが、reactでどうやっていいのかわからず、やむなくrefをつかってできないかと
62
+ jquery的な考えでやってしまっていました・・・
63
+ jqueryであれば、
64
+ ```ここに言語を入力
65
+ $("button).click(function() {
66
+ $("button").hide();
67
+ $(this).show();
68
+ });
69
+ ```
70
+ これだけですんでしまうのであれなんですが、
71
+ reactだとどうやるのかわからずです・・・