teratail
回答率
85.48%
質問するログイン新規登録
トップに関する質問ReactでonClickを使た時にイベントが発火しない

編集履歴

質問編集履歴

2

インデント編集のため

2019/11/07 11:21

投稿

barchi118
barchi118

スコア4

test CHANGED
File without changes
test CHANGED
@@ -82,7 +82,7 @@
82
82
 
83
83
  render(){
84
84
 
85
- let modal;
85
+ let modal
86
86
 
87
87
 
88
88
 

1

ソースコードのインデントを見やすくしました。

2019/11/07 11:21

投稿

barchi118
barchi118

スコア4

test CHANGED
File without changes
test CHANGED
@@ -62,7 +62,7 @@
62
62
 
63
63
  }
64
64
 
65
-
65
+
66
66
 
67
67
  handleClickClose(){
68
68
 
@@ -76,13 +76,13 @@
76
76
 
77
77
  console.log('aaa');
78
78
 
79
- }
79
+ }
80
80
 
81
81
 
82
82
 
83
83
  render(){
84
84
 
85
- let modal
85
+ let modal;
86
86
 
87
87
 
88
88
 
@@ -92,53 +92,57 @@
92
92
 
93
93
  <div>
94
94
 
95
- <nav className="navmenu" id='navmenu-1'　>
95
+ <nav className="navmenu" id='navmenu-1' >
96
96
 
97
- <ul>
97
+ <ul>
98
98
 
99
- <li><a href="">Top</a></li>
99
+ <li><a href="">Top</a></li>
100
100
 
101
- <li><a href="about.html">About</a></li>
101
+ <li><a href="about.html">About</a></li>
102
102
 
103
- <li><a href="thoughts.html">Thoughts</a></li>
103
+ <li><a href="thoughts.html">Thoughts</a></li>
104
104
 
105
- <li><a href="works.html">Works</a></li>
105
+ <li><a href="works.html">Works</a></li>
106
106
 
107
- <li><a href="https://taroken.org/contact/">Contact</a></li>
107
+ <li><a href="https://taroken.org/contact/">Contact</a></li>
108
108
 
109
- </ul>
109
+ </ul>
110
110
 
111
- <div className='modal-close-btn' onClick={()=>{this.handleClickClose()}}>
111
+ <button onClick={()=>{this.handleClickClose()}}>
112
112
 
113
- とじる
113
+ とじる
114
114
 
115
- </div>
115
+ </button>
116
116
 
117
- </nav>
117
+ </nav>
118
118
 
119
- </div>
119
+ </div>
120
120
 
121
121
  )
122
122
 
123
- }
123
+ }
124
124
 
125
125
 
126
126
 
127
127
  return(
128
128
 
129
- <div id="nav-btn"　onClick={()=>{this.handleClickLesson()}}>
129
+ <div>
130
130
 
131
- aaaaaaaaaaaaaaaaaaaaaa
131
+ {modal}
132
132
 
133
- <span></span>
133
+ <button onClick={()=>{this.handleClickLesson()}}>
134
134
 
135
- <span></span>
135
+ 開く
136
136
 
137
- <span></span>
137
+ </button>
138
138
 
139
- {modal}
139
+ <span>test</span>
140
140
 
141
+ <span>test</span>
142
+
143
+ <span>test</span>
144
+
141
- </div>
145
+ </div>
142
146
 
143
147
 
144
148