質問編集履歴
3
タイトルの修正、文言の変更
title
CHANGED
|
@@ -1,1 +1,1 @@
|
|
|
1
|
-
React
|
|
1
|
+
Reactアプリでクリック時のskyway-jsのコールバックが実行されない
|
body
CHANGED
|
@@ -1,18 +1,19 @@
|
|
|
1
1
|
### 前提・実現したいこと
|
|
2
2
|
|
|
3
3
|
Reactとskyway-jsでWebRTCを使ったアプリを作っているのですが、Reactのコンポーネントをクリックしたときに関数を実行し、その中でskyway-jsのopenを実行して、コールバックを受け取りたい。
|
|
4
|
-
また、なぜこれだとできないのか知りたいです。
|
|
5
4
|
|
|
6
|
-
### 発生している問題・エラーメッセージ
|
|
7
5
|
|
|
6
|
+
### 困っていること
|
|
7
|
+
|
|
8
8
|
実現したい事をそのままコードに書いてみましたが、コールバック関数が実行されないです。
|
|
9
|
+
また、なぜこれだとできないのか知りたいです。
|
|
9
10
|
|
|
10
11
|
|
|
11
12
|
### 該当のソースコード
|
|
12
13
|
|
|
13
14
|
```JavaScript
|
|
14
15
|
// jsx
|
|
15
|
-
import React
|
|
16
|
+
import React from 'react';
|
|
16
17
|
import Peer from 'skyway-js';
|
|
17
18
|
|
|
18
19
|
|
|
@@ -56,4 +57,4 @@
|
|
|
56
57
|
|
|
57
58
|
### 試したこと
|
|
58
59
|
|
|
59
|
-
Reactのライフサイクル(```constructor```や```componentDidMount```)で該当の```peer.on('open', () => {console.log(peer.id)});```を実行すると問題なくコールバックが実行されます。
|
|
60
|
+
Reactのライフサイクル(```constructor```や```componentDidMount```)で該当の```peer.on('open', () => {console.log(peer.id)});```を実行すると問題なくコールバックが実行され、logにpeer.idが出力されます。
|
2
不要な記述を削除
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -10,11 +10,11 @@
|
|
|
10
10
|
|
|
11
11
|
### 該当のソースコード
|
|
12
12
|
|
|
13
|
-
```
|
|
13
|
+
```JavaScript
|
|
14
|
+
// jsx
|
|
14
15
|
import React, { useRef } from 'react';
|
|
15
16
|
import Peer from 'skyway-js';
|
|
16
17
|
|
|
17
|
-
let localStream, myPeerId, TheirPeerId;
|
|
18
18
|
|
|
19
19
|
// keyは伏せさせていただきます。
|
|
20
20
|
const peer = new Peer({
|
1
コメントの削除
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -39,7 +39,6 @@
|
|
|
39
39
|
});
|
|
40
40
|
}
|
|
41
41
|
|
|
42
|
-
// デフォルトで表示する画面。元TopPageの内容そのまま移動
|
|
43
42
|
render() {
|
|
44
43
|
|
|
45
44
|
return (
|