Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/reporting-services/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 如何使用;香草;网络工作者在反应?_Reactjs_Web Worker - Fatal编程技术网

Reactjs 如何使用;香草;网络工作者在反应?

Reactjs 如何使用;香草;网络工作者在反应?,reactjs,web-worker,Reactjs,Web Worker,如何在react应用程序中使用webworkers 我写了一个webworker,并在一个简单的应用程序(html)中测试了它,所以它工作得很好 但在react应用程序中使用相同的方法是行不通的 我不想在一开始使用任何反应的东西webworker,我只想使用纯工作api const _worker = new Worker('./worker') 似乎没有导入worker.js文件(self.addEventListener(“消息…”)中的代码 感谢您在React类组件中提供的帮助,您可以在

如何在react应用程序中使用webworkers

我写了一个webworker,并在一个简单的应用程序(html)中测试了它,所以它工作得很好

但在react应用程序中使用相同的方法是行不通的

我不想在一开始使用任何反应的东西webworker,我只想使用纯工作api

const _worker = new Worker('./worker')
似乎没有导入worker.js文件(self.addEventListener(“消息…”)中的代码


感谢您在React类组件中提供的帮助,您可以在
componentDidMount
中实例化web worker,定义worker的
onmessage
onerror
方法,然后在
组件中调用
worker.terminate()

在React功能组件中,将
componentDidMount
componentWillUnmount
替换为
useffect

然后,React组件和工作人员可以与
postMessage
交换消息



即使您不想使用任何特定于React的库,也可以查看库中的代码。代码长度小于100 LOC,这将帮助您了解如何使用Web Worker API。

我使用函数React方法。我使用Worker loader和应用程序重新布线解决了此问题,因为我的应用程序是使用create React应用程序创建的,如果我没有弄错的话,我会重新布线不要把网页放在另一个地方,我不应该直接编辑它。所以我使用应用程序重新布线来重载网页,并使用worker loader。我不太了解worker loader的功能,但工作正常。如果有人能为我澄清这一点,我将不胜感激