小编Sea*_*ean的帖子

使用 React 获取 Web Worker

我有一个 React 页面,它要求用户输入一些信息并从 API 返回一组 JSON 对象。

该查询可能会返回一个很大的结果,导致页面在加载 fetch 时冻结,所以我想使用 web worker 来分离线程并添加一个加载轮来让用户知道站点没有崩溃。

我目前有我的网络工作者使用以下代码:

工人代码

const self = this;

export default () => {
    self.addEventListener('message', e => {
        if (!e) return;
        let query = e.data;
        let res = null;

        fetch(`https://statsapi.web.nhl.com/api/v1/schedule?startDate=${query}&endDate=${query}`)
        .then(response => {
            return response.json();
        })
        .then(function(_ref) {
            postMessage(_ref);
        });
    });
}; 
Run Code Online (Sandbox Code Playgroud)

这只是一个示例 API,但真正的 API 结果会更大,加载时间也更长。

我也在使用function(_ref)而不是({ data }) =>因为当通过 babel 处理时,当没有数据访问器通过 ref 时({ data }) =>会变成_ref.data,并_ref在返回数组时工作。

我在一个 web worker …

javascript fetch web-worker reactjs

6
推荐指数
1
解决办法
4715
查看次数

从变量输出字符串文字

我想知道是否可以从预设变量输出原始字符串,其值不能更改.例如:

string test = "test\ntest2";
cout << test;
Run Code Online (Sandbox Code Playgroud)

会输出

test
test2
Run Code Online (Sandbox Code Playgroud)

是否可以运行与上面类似的代码,但更改cout语句以打印原始字符串,如下所示:

test\ntest2
Run Code Online (Sandbox Code Playgroud)

c++ c++11

4
推荐指数
1
解决办法
294
查看次数

标签 统计

c++ ×1

c++11 ×1

fetch ×1

javascript ×1

reactjs ×1

web-worker ×1