回答編集履歴
1
追記
test
CHANGED
|
@@ -11,11 +11,20 @@
|
|
|
11
11
|
```
|
|
12
12
|
のMouseEventは、React.MouseEvent になってしまっています。
|
|
13
13
|
|
|
14
|
-
したがって、下記のように
|
|
14
|
+
したがって、下記のように、handleMouseMove には ネイティブの MouseEvent を指定するようにすれば解決します。
|
|
15
15
|
```ts
|
|
16
|
+
import React, { MouseEvent } from 'react'; // React.MouseEvent をインポートしている。
|
|
17
|
+
|
|
16
|
-
|
|
18
|
+
const MouseEventItem: React.FC = () => {
|
|
19
|
+
const handleMouseDown = (e: MouseEvent) => { // ここのMouseEventは「React.MouseEvent」を意味する。
|
|
20
|
+
document.addEventListener('mousemove', handleMouseMove);
|
|
17
|
-
|
|
21
|
+
document.addEventListener('mouseup', handleMouseUp);
|
|
18
|
-
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
const handleMouseMove = ( e: globalThis.MouseEvent) => { // 修正：ネイティブのMouseEventを指定
|
|
25
|
+
//処理
|
|
26
|
+
}
|
|
27
|
+
以下略
|
|
19
28
|
```
|
|
20
29
|
|
|
21
30
|
---
|