小编Kwe*_*Dev的帖子

RTK查询-无限滚动,保留现有数据

我正在尝试在我们当前的应用程序中实现无限滚动功能;

我们首先获取页面的前 5 个“帖子”。滚动到页面底部后,我们会获取接下来的 5 篇帖子。

这很好用,但是使用相同的查询意味着现有数据(前 5 个帖子)已被新数据替换。

是否可以将现有数据与新数据合并?

我可以将它们合并到位,例如使用类似的内容;const posts = [newPosts, oldPosts]但如果现有数据被修改,我们就会失去 RTK 查询提供的数据失效。

对于这种情况,推荐的方法是什么?

react-redux redux-toolkit rtk-query

19
推荐指数
2
解决办法
2万
查看次数

Styled-Components 根据 ID 应用样式

假设我有一个具有以下结构的 StyledButton ;

<StyledButton className={`button-${id}`}>{content}</StyledButton>
Run Code Online (Sandbox Code Playgroud)

StyledButton 在哪里

const StyledButton = styled.button`
  ...
`;
Run Code Online (Sandbox Code Playgroud)

如果 Button className 等于一个值,我想指定要应用的其他样式。如果 StyledButton 具有指定的类,我可以在 StyledButton 中使用哪个选择器来应用样式?

css reactjs styled-components

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

使用 RTK 查询拆分 API 定义

我当前的场景中有三个API 定义。

  • 团体
  • 小组成员
  • 团体邀请函

这些路由彼此相关,因为接受群组邀请将使用户拥有的群组列表无效。因此,我在相同的 API 下定义了它们,因为它们需要使共享标签无效。

然而,这会导致文件变得相当臃肿,因为每个定义都有自己与之关联的端点。阅读Code Splitting with RTK Query的文档建议使用injectEndpoints。这看起来适合我的目的,但我的文档没有我可以找到的示例来说明如何使用多个“子”端点来实现它。

我有几个问题;

  1. 如果我要利用injectEndpoints 分别通过GroupInvitations 和GroupMembers 扩展Groups API,那么哪个API 应该包含在对configureScore 的调用中?
  2. 有没有办法将两个端点同时注入到组中,从而产生一个组合的 Api?

redux-toolkit rtk-query

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