質問編集履歴

1

もう一つ試した

2020/05/27 13:56

投稿

youj_biginner
youj_biginner

スコア7

test CHANGED
File without changes
test CHANGED
@@ -102,7 +102,7 @@
102
102
 
103
103
  ## 試したこと
104
104
 
105
- `addEventListener`を使ってみました。
105
+ ###addEventListenerを使ってみました。
106
106
 
107
107
 
108
108
 
@@ -135,3 +135,39 @@
135
135
 
136
136
 
137
137
  というエラーが出てしまいました。おそらくDOMの問題だと思います。この方法ではReactにおいてCSSアニメーションを制御できない。
138
+
139
+
140
+
141
+ ### onAnimationEndを使ってみた
142
+
143
+
144
+
145
+ ```javascript
146
+
147
+ onOpenModal = () => {
148
+
149
+ // this.setState({ isAnimated: true });
150
+
151
+ this.setState({ open: true });
152
+
153
+ }
154
+
155
+
156
+
157
+ onImageRotate = () => {
158
+
159
+ this.setState({ isAnimated: true });
160
+
161
+ }
162
+
163
+
164
+
165
+ // 略
166
+
167
+ <button onClick={this.onImageRotate} onAnimationEnd={this.onOpenModal}>クリック</button>
168
+
169
+ ```
170
+
171
+
172
+
173
+ しかし、これではなぜかonAnimationEndの方が動かずモーダルが出てきません。