質問編集履歴
2
タイトル
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
React Transition Groupでレンダーするコンポーネント内で、別
|
|
1
|
+
React Transition Groupでレンダーするコンポーネント内で、個別にアニメーションを設定したい。
|
body
CHANGED
|
@@ -84,7 +84,7 @@
|
|
|
84
84
|
サイドバーのコンポーネントにトランジション用のクラスを付与し、トランジションのスタイルに付与したクラス別にスタイルを書いてみました。
|
|
85
85
|
コードは下記の通りです。
|
|
86
86
|
結果は、アニメーションが発生しなくなりました。
|
|
87
|
-
```
|
|
87
|
+
```jsx
|
|
88
88
|
const SideBar = ({ setSideBar }) => {
|
|
89
89
|
return (
|
|
90
90
|
<div className={`"sideBackground" ${style.side__wrap}`} onClick={() => setSideBar(false)}>
|
1
本文
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -82,8 +82,8 @@
|
|
|
82
82
|
### 試したこと
|
|
83
83
|
|
|
84
84
|
サイドバーのコンポーネントにトランジション用のクラスを付与し、トランジションのスタイルに付与したクラス別にスタイルを書いてみました。
|
|
85
|
-
変化はありませんでした。
|
|
86
85
|
コードは下記の通りです。
|
|
86
|
+
結果は、アニメーションが発生しなくなりました。
|
|
87
87
|
```scss
|
|
88
88
|
const SideBar = ({ setSideBar }) => {
|
|
89
89
|
return (
|