Javascript 对呈现意外元素作出反应_Javascript_Reactjs

Javascript 对呈现意外元素作出反应

javascript reactjs

Javascript 对呈现意外元素作出反应,javascript,reactjs,Javascript,Reactjs,编辑：我导入了错误的内容：facepalm: 让我先运行一下我为获得此输出而编写的代码，然后我将告诉您预期的输出以及我所困惑的内容 App.jsx 从“React”导入React；从“/组件/页面/主页”导入主页；从“/ducks/store”导入存储；从“react redux”导入{Provider}；从“react router dom”导入{BrowserRouter，Route，Switch}；常量应用=（）=>{ 返回( ); }; 导出默认应用程序； Home.jsx

编辑：我导入了错误的内容：facepalm:

让我先运行一下我为获得此输出而编写的代码，然后我将告诉您预期的输出以及我所困惑的内容

App.jsx

从“React”导入React；
从“/组件/页面/主页”导入主页；
从“/ducks/store”导入存储；
从“react redux”导入{Provider}；
从“react router dom”导入{BrowserRouter，Route，Switch}；
常量应用=（）=>{
返回(
);
};
导出默认应用程序；

Home.jsx

import React，{useffect}来自“React”；
从“../../shared/FlexBox”导入FlexBox；
从“/SortSettings”导入BlogPostList；
从“react-redux”导入{useSelector，useDispatch}；
从“../../../ducks/blogs”导入{fetchAllBlogs}”；
进口{
getBlogData，
获取博客帖子，
getBlogTags，
}来自“../../../ducks/selectors”；
从“../../shared/SpinLoader”导入SpinLoader；
常量Home=（）=>{
const blogData=useSelector（（state）=>getBlogData（state））；
constblogposts=useSelector（（state）=>getBlogPosts（state））；
const blogTags=useSelector（（state）=>getBlogTags（state））；
const dispatch=usedpatch（）；
useffect（（）=>{
调度（fetchAllBlogs（））；
}，[发送]；
//TODO:处理blogData.requestError是否返回为true
if（blogData.isload | | | | | |！blogTags）{
返回(
);
}
返回(
);
};
导出默认主页；

BlogPostList.jsx

从“React”导入React；
从“/BlogPost”导入BlogPost；
从“../../shared/FlexBox”导入FlexBox；
const BlogPostList=（{blogPosts}）=>{
返回(
这到底是为什么要呈现SortSettings组件啊啊啊！
);
};
导出默认BlogPostList；

现在我的问题是，为什么主组件正在呈现一个组件，如图所示，我希望主组件呈现的是一个BlogPostList，如果有人有想法，我会很感激的，我已经在这上面停留了一段时间了（我很新，所以这可能只是一个noob错误，很抱歉，如果这是显而易见的）

因为您正在导入分拣设置；）<代码>从“/SortSettings”导入BlogPostList

[reactjs]相关文章推荐

随机文章推荐