Javascript 反应暂挂/并发-暂挂列表命令不起作用

Javascript 反应暂挂/并发-暂挂列表命令不起作用,javascript,reactjs,react-suspense,react-concurrent,Javascript,Reactjs,React Suspense,React Concurrent,我一直在关注Ben Awad的视频,试图扩展想法以做出反应,但当我更改Revealoorder时,无法让项目以相反的顺序或同时显示。在所有情况下,端点都会一个接一个地被调用,并以转发模式加载 const fetchPerson=()=>{ 返回获取('https://randomuser.me/api)。然后(x=>x.json())。然后(x=>x.results[0]); }; const wrapPromise=(promise)=>{ let status='pending'; 让结

我一直在关注Ben Awad的视频,试图扩展想法以做出反应,但当我更改
Revealoorder
时,无法让项目以相反的顺序或同时显示。在所有情况下,端点都会一个接一个地被调用,并以
转发
模式加载

const fetchPerson=()=>{
返回获取('https://randomuser.me/api)。然后(x=>x.json())。然后(x=>x.results[0]);
}; 
const wrapPromise=(promise)=>{
let status='pending';
让结果=“”;
让吊杆=承诺。然后(r=>{
状态=‘成功’;
结果=r;
},e=>{
状态='错误';
结果=e;
}) 
返回{
读(){
如果(状态=='pending'){
吊杆;
}否则如果(状态=='error'){
投掷成绩;
}
返回结果;
}
}
} 
导出常量createResource=()=>{
返回{
person1:wrapPromise(fetchPerson()),
person2:wrapPromise(fetchPerson()),
person3:wrapPromise(fetchPerson()),
person4:wrapPromise(fetchPerson()),
person5:wrapPromise(fetchPerson()),
person6:wrapPromise(fetchPerson())
}
}
从'React'导入React,{suspent};
导入“/App.css”;
从“/PersonApi”导入{createResource};
从“./Person”导入{Person};
const resource=createResource();
函数App(){
返回(
);
}
导出默认应用程序;
从“React”导入React;
export const Person=({resource,num})=>{
const person=资源[num]。读取();
返回(加载的{num}:-{person.name.first})
}; 

我在代码中没有看到suspencelist。另外,请注意,这是阿尔卑斯山实验性的。哇,愚蠢的错误。切换到Suspendelist解决了这个问题,但是向后的顺序仍然像“在一起”一样运行。我看到组件是按从下到上的正确顺序调用的,但它们都同时显示。