为什么使用像Zustand组件这样的状态管理器仍然会重新渲染？

文章/答案/技术大牛

发布

1回答

reactjs、state、zustand

根据我的理解，如果我在组件中更改状态，这将导致组件重新呈现，但在这种情况下，我使用Zustand来存储组件外部的值，但为什么每次滚动/更新Zustand状态时，我的组件仍在重新呈现？为了测试，在窗口上滚动并打开控制台，这将显示每次我滚动/更新Zustand状态时都会触发co

浏览 42提问于2021-07-21得票数 0

1回答

持久化反应-卸载后查询分页

react-query

queryKey: ['users', { filters }], keepPreviousData: true,我的问题是，当我卸载组件时，我想知道最后使用的过滤器是什么时候，我可以返回到它，并拥有完全相同的数据和过滤器。显然，如果将过滤器保持为状态，则在组件卸载时会丢失此状态。我在想，“反应查询”是否能帮助我

浏览 1提问于2021-11-30得票数 0

回答已采纳

1回答

React Native -全局布尔值没有更新吗？

reactjs、react-native、react-redux、global

好吧，我在这里读到了类似的问题，但我不明白为什么我的动态全局变量在两个文件中显示了两个不同的值/没有更新。我在文件1中声明了一个全局布尔值，如下所示，位于此文件中导出的组件之上。这是在前一个console.log之后打印的，但是它将布尔值读取为false console.log(global.isinLongPress); 这里发生什么事情？如何不断地获取此全局变量的更新值？

浏览 28提问于2020-10-09得票数 0

1回答

响应路由器v4路由器组件中的所有内容在每次路由更改时重新呈现。

javascript、reactjs、react-router-v4

我试图更好地理解为什么我的所有组件在Router v5中的路由更改时都会重新呈现。注意，这些组件只是重新呈现，而不是重新安装。/></Router> 在这个简单的示例中，我希望更改路由不会重新呈现MyHeader组件，因为没有什么变化。不过，我仍然会看到开发工具

浏览 3提问于2018-06-05得票数 5

回答已采纳

1回答

如何使用result存储查询结果

reactjs、typescript、react-hooks、react-query、zustand

我想把经过身份验证的用户放在祖站商店里。我让经过身份验证的用户使用react query，这会导致一些问题。我不知道我为什么要这么做。我希望所有与身份验证相关的东西都可以在一个钩子中访问，所以我认为作站是一个很好的选择。这是获取每个用户的钩子： const { data } = await axios.get<AuthUserResponse>(`}; export const

浏览 2提问于2021-08-07得票数 1

回答已采纳

2回答

React+Redux自定义挂钩(仅在特定条件下更新)

reactjs、redux、react-redux、react-hooks

，即当redux状态的另一部分被更新时不会。我的渲染函数实际上非常大(而且性能很高--实际上这个组件在很多情况下都会用到)，因此不仅仅是渲染计数器状态。setCounterIsFalse(false); */ } 然后让Comp组件看起来像这样false，但钩子仍然会导致Com

浏览 18提问于2020-09-16得票数 1

1回答

用反应钩防止换料器

javascript、reactjs、react-hooks

我正在为全局状态实现zustand，但在建立自己的全局状态时遇到了同样的问题。商店中的任何东西(用祖站创建)都没有改变--除了一个应该触发一个更新的更改-一个

浏览 5提问于2020-10-08得票数 1

回答已采纳

1回答

nextjs ssr会导致客户端状态持久冲突。

reactjs、next.js、zustand

我使用zustand来管理我的州。 Prop style不匹配。服务器：“宽度:400”客户端：“宽度:385” 当我试图持久化挂载&卸载组件的状态时，情况会变得更糟，因为默认的服务器状态是挂载，而客户端<

浏览 1提问于2021-11-11得票数 2

回答已采纳

1回答

触发组件重新呈现的是什么

javascript、arrays、react-redux

所以，在我的reducer中有一些代码看起来像这样之前，我的组件没有重新渲染，即使列表被正确地映射到React属性(通过mapStateToProps)： letstateCopy.lists;然后，我更改了设置listsCopy的代码行-

浏览 1提问于2017-05-10得票数 0

1回答

React的functional setState如何确定哪些字段已经更新？

javascript、reactjs、setstate

;}) 它不会重新呈现依赖于s.a的组件。如果从另一方面来说你这样做了 setState(s => {...s, a: 42}); 它将重新渲染所有依赖于s的任何字段的组件，所以在我看来，它实际上只是查看闭包的返回对象引用是否与它已经具有的状态相同，并做出一个二元选择:是重新渲染所有内容还是什么都不重新呈现。有

浏览 16提问于2020-04-30得票数 0

回答已采纳

1回答

如何在每个组件渲染之前更新React中的状态？

reactjs

我有一个React组件，看起来像这样： constructor(props) { super(props);Redux，当渲染组件上的某些按钮被单击时，我会更新Redux中的一些状态，并且更新一切正常。然后，基于更新的Redux状态，我希望更新MyComp组件的状态，该<em

浏览 3提问于2017-10-09得票数 0

回答已采纳

1回答

map +传单+路由机:在MapContainer之外访问地图的问题

reactjs、leaflet

我的项目有问题，我想画一条路线，并在我的地图上添加标记，但事件是在外部触发的一个侧面如何收集标记的纬度和经度。我不能给外面的地图打电话，因为我收到了这样的信息：SideBarMap MapContainer RoutingAdd(Where<IntputNavigtion /> </main>

浏览 1提问于2022-03-17得票数 0

1回答

在重新渲染时应保持无线电输入选择。

reactjs、zustand

我正在呈现一个包含无线电输入的组件。当进行无线电输入选择，并在状态中更新更改(如果有关系的话，可以使用Zustand)，组件将重新呈现。附件是一个简化的案例。问题是，我使用map输出单选按钮，并分配索引键属性。>

浏览 3提问于2022-05-05得票数 0

1回答

我需要使子组件RestaurantInput更新兄弟组件餐厅列表。我创建了通过回调将信息传递给应用程序组件(父组件)的处理程序，当RestaurantInput中有输入更改时，处理程序会对其进行更新。然后，应用程序组件通过props将信息传递给RestaurantList组件，该组件将在UI上呈现新的餐厅。不幸的是，新餐厅没有渲染。我不知道我哪里搞错了。有谁能帮上忙吗？我尝试在本地pc上对从Json

浏览 22提问于2019-10-31得票数 3

回答已采纳

2回答

如果父组件的连接是`shouldComponentUpdate`=false，是否重新呈现``connect()``ed子组件？

reactjs、redux、react-redux

我想知道如果connect()ed的父组件在shouldComponentUpdate中返回false，它是否会重新呈现connect(Foo extends提供给它们)保持不变，那么它们都不应该重新渲染。但是，如果redux存储的状态发生更改，并且connect()ed Baz组件收到状态更改的通知并获得新的</

浏览 2提问于2017-11-08得票数 1

3回答

使用set更新状态后，状态仍然具有空数组

reactjs

在使用setState更新状态之后，如果我记录状态，即使状态不为空，我也会得到空数组。我有钩子，如下面的代码所示。我可以知道为什么当我记录宠物时，宠物会显示空数组而不是像animalsProperty那样的值吗？

浏览 0提问于2019-07-15得票数 0

1回答

在react native中，View已经是一个纯组件了吗？

react-native

<View style={{width: this.state.widthB}} /> );} 当状态同级视图(widthB)是否也会重新呈现？

浏览 16提问于2020-06-01得票数 1

回答已采纳

2回答

使用React从用户中删除项目后重新加载用户

javascript、reactjs、reload

当尝试从列表末尾删除用户时，使用React.Js将列表中的最后一项替换为已删除的用户。只有在页面刷新时，已删除的用户才会真正消失，并且用户列表updates.The后端是有效的，因为我可以删除用户，但我需要刷新才能看到新的更新const Transition = React.forwardRef

浏览 4提问于2021-06-17得票数 0

1回答

如何在React中呈现异步函数中的组件

reactjs、asynchronous、rendering

在我的mongoDB中，我有一些带有嵌套对象的文档，这些对象对应于摩托车的品牌、型号和年份。make (在上面的示例中是honda和kawasaki)，然后返回特定make下存在的所有型号。我成功地收到了make in my aggregate方法下所有模型的数组。它应该看起来像这样：在橙色加号旁边，我想要显示在特定制造商下存在的所有其他模型的列表，这样如果模型已经存在，我就不必在编写模型时重复，我只需单击它

浏览 1提问于2021-02-03得票数 0

1回答

React-Native，Global State？

react-native

我正在尝试找到一种在React-Native中实现全局状态的方法。多个组件之间的共享状态，可以像正常状态一样自动重新渲染。但是对于所有的组件。我不想使用redux。

浏览 12提问于2019-10-27得票数 1

回答已采纳

点击加载更多