Running useEffect in react 18:
还没有人认领这个 Issue。
评估
- 难度
- 3/5
- 预计耗时
- 1-2 天
- 新手友好度
- 30/100
- Issue 类型
- 缺陷
- 描述清晰度
- 需要澄清
- 活跃度
- 停滞
- 技术栈
- javascript, react, redux
- 领域
- frontend
调研方向
从提供的 fetchPosts.fulfilled reducer 以及组件在 React 18 Strict Mode 中的 useEffect 行为开始。重现初始渲染,并检查获取到的帖子是否被追加两次;完成的标准是初始加载不会重复帖子,同时现有的 fetch 行为保持不变。
由索引模型根据 Issue 内容生成。
描述
I noticed the code below will not work in React 18 as the component renders twice during the initial rendering. in strict mode
.addCase(fetchPosts.fulfilled, (state, action) => {
state.status = 'succeeded'
// Adding date and reactions
let min = 1;
const loadedPosts = action.payload.map(post => {
post.date = sub(new Date(), { minutes: min++ }).toISOString();
post.reactions = {
thumbsUp: 0,
wow: 0,
heart: 0,
rocket: 0,
coffee: 0
}
return post;
});
// Add any fetched posts to the array
state.posts = state.posts.concat(loadedPosts)
})
- 主要语言
- JavaScript
- 星标
- 789
- 派生
- 699
- PR 合并指标
- 30 天内没有已合并 PR
贡献指南
这个仓库没有索引到贡献指南
从这里开始
- 先读完整个 Issue,再读项目的贡献指南。
- 在 Issue 下留言说明你要接手 —— 这能避免两个人做同样的事。
- Fork 仓库,在一个分支上完成修改。
- 提交 Pull Request,并在描述里引用这个 Issue 编号。
gitdagray/react_redux_toolkit 的其他 Issue
-
难度 3/5 1-2 天 新手友好度 28/100
gitdagray/react_redux_toolkit#14 · 2 条评论 ·
-
难度 1/5 1 小时以内 新手友好度 45/100
-
难度 4/5 3-5 天 新手友好度 20/100
gitdagray/react_redux_toolkit#7 · 5 条评论 ·
-
难度 2/5 1-3 小时 新手友好度 55/100
-
难度 2/5 1-3 小时 新手友好度 25/100
gitdagray/react_redux_toolkit#3 · 1 条评论 ·
查看 gitdagray/react_redux_toolkit 的全部 Issue
相似的 Issue
-
难度 2/5 1-3 小时 新手友好度 70/100
-
难度 2/5 1-3 小时 新手友好度 75/100
mksglu/context-mode#1200 ·
-
难度 2/5 1-3 小时 新手友好度 75/100
neondatabase/website#5944 ·
-
module: core
难度 2/5 1-3 小时 新手友好度 75/100
bigbluebutton/bigbluebutton#25849 ·
-
难度 2/5 1-3 小时 新手友好度 75/100
jaegertracing/jaeger-ui#4506 ·