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