reactjs 相关问题

React是一个用于构建用户界面的JavaScript库。它使用声明范式，旨在既高效又灵活。

使用 useLocation 开玩笑测试自定义钩子

我目前遇到一个情况，我想为我的自定义钩子编写一个单元测试，说useMyHook，其中调用了useLocation 钩子的一个简单例子是……。像这样：导入 { useState, useEff...

javascript reactjs typescript react-hooks jestjs

回答 1 投票 0

Axios 正在以某种方式缓存我的获取用户请求以本机反应

我正在使用 Axios ("axios": "^0.19.0") 向我的后端发出 GET 请求，该请求的工作原理与我已经通过 Postman macOS 应用程序发送相同令牌进行测试一样，并返回正确的用户目的。 ...

reactjs react-native axios

回答 3 投票 0

MobX React - 更新对象数组的单个索引会重新渲染所有子对象

我有一个 mobx 对象存储，这些对象显示在列表视图中，并在存储值上有一个地图，如下所示： {ObjectStore.objects.map((obj, 索引) => 我有一个 mobx 对象存储，这些对象显示在列表视图中，并在存储值上有一个地图，如下所示： {ObjectStore.objects.map((obj, index) => <ObjectItem key={obj.id} obj={obj} objIndex={index} ...unrelated UI Pros /> )} 在 ObjectItem 中有一个 onClick 处理程序，它向该特定对象添加一些新内容： const handleClick = () => { ObjectStore.updateObjectbyIdx(objIndex, newData) } 在商店 updateObjectbyIdx (index, data) { this.objects[index] = { ...this.objects[index], ...data} } 两个 React 组件都包装在观察者中。当句柄单击运行时，它会导致父容器重新呈现，然后所有 ObjectItem 组件重新呈现，即使附加数据仅通过索引添加到单个项目。最初我完全避免使用索引并使用地图更新它，如下所示： updateObjectbyId (id, data) { this.objects = this.objects.map(obj => obj.id === id ? { ...obj, ...data} : obj }) } 但我假设由于这是创建一个新的数组引用，因此父容器观察ObjectStore.objects重新渲染。切换到索引让我期望父级不会重新渲染，因为主数组引用仍然存在，并且由于我在最新点解构了值，因此只有单个 ObjectItem 会重新渲染。我最终确实让它发挥作用： updateObjectbyIdx (index, data) { Object.keys(data).forEach(dataKey => { this.objects[index][dataKey] = data.dataKey } } 但是，当我只想更新数组中单个对象中的数据时，这似乎是一个奇怪的解决方法。这样做： updateObjectbyIdx (index, data) { this.objects[index] = { ...this.objects[index], ...data} } 您还更新了对该对象的引用，并且由于父组件使用该对象，它将重新渲染。您可以这样做 Object.assign：，而不是最后一个解决方案（实际上，这是正确且很好的） updateObjectbyIdx (index, data) { Object.assign(this.objects[index], data) } 这将保留引用并仅更新属性。只需记住深层嵌套的属性、对象、数组即可。要处理它们，您最好使用某种 mergeDeep 函数，Object.assign 不会进行合并，它基本上会覆盖您在自定义循环中所做的所有内容。

reactjs observable mobx mobx-react

回答 1 投票 0

Testdome Reactjs GroceryApp 组件问题

您有一个 GroceryApp 组件，它接收一个产品列表，每个产品都有名称和投票。应用程序应呈现一个无序列表，其中每个产品都有一个列表项。产品可以投票...

reactjs testing frontend rerender

回答 1 投票 0

更新到 Expo SDK 51 后我的项目崩溃了

将 Expo 项目更新到 SDK 51 后，当我使用 Stripe 购买产品时，我的项目崩溃了。它只是崩溃，没有任何错误。我尝试更新所有模块。没有任何信息...

reactjs expo stripe-payments

回答 2 投票 0

Vercel 的专用路由问题

我需要你的帮助。我的 React 应用程序中有一个 React Router Dom(6.10.0)。它在我的本地主机上运行良好，但是当我将其部署在 Vercel 上时，我无法访问私有路由，而非私有页面（Welco...