回答編集履歴
4
テキスト修正
test
CHANGED
|
@@ -200,25 +200,7 @@
|
|
|
200
200
|
|
|
201
201
|
```
|
|
202
202
|
|
|
203
|
-
上記のコードは、
|
|
204
|
-
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
- react-rnd のデモ、[https://codesandbox.io/s/y3997qply9](https://codesandbox.io/s/y3997qply9) をベースとして、
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
|
|
211
|
-
- **react-rnd** と表示された灰色のエリアをクリックすると、 react-modal によるモーダルが表示されるようにしたものです。
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
- モーダルを消去するには、モーダルの外側をクリックするか、ESCキーを押します。
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
上記のコードを
|
|
203
|
+
上記のコードを以下にて動作確認することができます。
|
|
222
204
|
|
|
223
205
|
|
|
224
206
|
|
|
@@ -226,4 +208,14 @@
|
|
|
226
208
|
|
|
227
209
|
|
|
228
210
|
|
|
211
|
+
これは、react-rnd の[サンプル](https://codesandbox.io/s/y3997qply9) をベースとして、ドラッグ対象のエリアをクリックすると、 react-modal によるモーダルが表示されるようにしたものです。モーダルを消去するには、モーダルの外側をクリックするか、ESCキーを押します。
|
|
212
|
+
|
|
213
|
+
|
|
214
|
+
|
|
215
|
+
|
|
216
|
+
|
|
217
|
+
|
|
218
|
+
|
|
219
|
+
|
|
220
|
+
|
|
229
221
|
以上、参考になれば幸いです。
|
3
テキスト修正
test
CHANGED
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
|
|
11
11
|
|
|
12
12
|
|
|
13
|
-
に投稿されている、[この回答](https://github.com/bokuweb/react-rnd/issues/168#issuecomment-327253830) を参考に下
|
|
13
|
+
に投稿されている、[この回答](https://github.com/bokuweb/react-rnd/issues/168#issuecomment-327253830) を参考に、以下を作成しました。
|
|
14
14
|
|
|
15
15
|
|
|
16
16
|
|
|
@@ -200,11 +200,25 @@
|
|
|
200
200
|
|
|
201
201
|
```
|
|
202
202
|
|
|
203
|
-
|
|
203
|
+
上記のコードは、
|
|
204
|
+
|
|
205
|
+
|
|
206
|
+
|
|
204
|
-
|
|
207
|
+
- react-rnd のデモ、[https://codesandbox.io/s/y3997qply9](https://codesandbox.io/s/y3997qply9) をベースとして、
|
|
208
|
+
|
|
209
|
+
|
|
210
|
+
|
|
205
|
-
|
|
211
|
+
- **react-rnd** と表示された灰色のエリアをクリックすると、 react-modal によるモーダルが表示されるようにしたものです。
|
|
212
|
+
|
|
213
|
+
|
|
214
|
+
|
|
206
|
-
|
|
215
|
+
- モーダルを消去するには、モーダルの外側をクリックするか、ESCキーを押します。
|
|
216
|
+
|
|
217
|
+
|
|
218
|
+
|
|
219
|
+
|
|
220
|
+
|
|
207
|
-
上記のコードを、以下にて
|
|
221
|
+
上記のコードを、以下にて動作確認することができます。
|
|
208
222
|
|
|
209
223
|
|
|
210
224
|
|
|
@@ -212,20 +226,4 @@
|
|
|
212
226
|
|
|
213
227
|
|
|
214
228
|
|
|
215
|
-
このサンプルは
|
|
216
|
-
|
|
217
|
-
|
|
218
|
-
|
|
219
|
-
- react-rnd のデモ、[https://codesandbox.io/s/y3997qply9](https://codesandbox.io/s/y3997qply9) をベースとして、
|
|
220
|
-
|
|
221
|
-
|
|
222
|
-
|
|
223
|
-
- **react-rnd** と表示された、灰色のエリアをクリックすると、 react-modal によるモーダルが表示されるようにしたものです。
|
|
224
|
-
|
|
225
|
-
|
|
226
|
-
|
|
227
|
-
- モーダルを消去するには、モーダルの外側をクリックするか、ESCキーを押します。
|
|
228
|
-
|
|
229
|
-
|
|
230
|
-
|
|
231
229
|
以上、参考になれば幸いです。
|
2
テキスト修正
test
CHANGED
|
@@ -224,7 +224,7 @@
|
|
|
224
224
|
|
|
225
225
|
|
|
226
226
|
|
|
227
|
-
- モーダルを消去するには、モーダルの外側をクリックするか、E
|
|
227
|
+
- モーダルを消去するには、モーダルの外側をクリックするか、ESCキーを押します。
|
|
228
228
|
|
|
229
229
|
|
|
230
230
|
|
1
テキスト修正
test
CHANGED
|
@@ -212,11 +212,15 @@
|
|
|
212
212
|
|
|
213
213
|
|
|
214
214
|
|
|
215
|
-
このサンプル
|
|
215
|
+
このサンプルは
|
|
216
|
+
|
|
217
|
+
|
|
218
|
+
|
|
216
|
-
|
|
219
|
+
- react-rnd のデモ、[https://codesandbox.io/s/y3997qply9](https://codesandbox.io/s/y3997qply9) をベースとして、
|
|
217
|
-
|
|
218
|
-
|
|
220
|
+
|
|
221
|
+
|
|
222
|
+
|
|
219
|
-
- **react-rnd** と表示された、灰色のエリアをクリックすると、 react-modal によるモーダルが表示され
|
|
223
|
+
- **react-rnd** と表示された、灰色のエリアをクリックすると、 react-modal によるモーダルが表示されるようにしたものです。
|
|
220
224
|
|
|
221
225
|
|
|
222
226
|
|