在useImperativeHandle中的状态不具有持久性

假设我处于这种状态：const[data,setData]=useState([]);并将其放入useImperativeHandle中，如下所示：useImperativeHandle(ref,()=>({data,}));当我使用useEffect来跟踪状态是否像这样改变时：useEffect(()=>{console.log(componentRef.current.data);

P粉786800174 2024-04-01 00:20:12 0  1  364

传递输入值状态从父组件到子组件的React方法

我有一个父组件，它通过我的数组进行映射，并打印出各种Child组件的迭代。我试图在父组件中访问状态，但无法弄清楚如何从子组件中提取“inputValue”的正确状态，并将其放在父组件中。理想情况下，我希望inputValue和isValidated状态都存在于父组件中，以便我可以在各种基于表单的函数中使用它们。父组件：importReact,{useState}from'react';import

P粉300541798 2023-09-17 00:11:51 0  1  689

在 React 中设置状态为先前状态时如何修复打字稿错误？

我定义了这个状态const[userInfo,setUserInfo]=React.useState<UserInfo|undefined>()在我的useEffect中的某个地方，我尝试根据以前的状态设置它。所以这样做setUserInfo((prevState)=>{return{...prevState,...someRef.current}})但是失败并出现以下错误Typ

P粉520545753 2024-02-03 22:41:43 0  1  406

如何在数组对象的情况下，在onChange事件中更新状态

我有一些状态：const[budget,setBudget]=React.useState<{name:string;budget:number|null}[]>();我试图使用一个TextField根据输入字段的名称和值来更新该状态：budget.map((item)=>{content.push(<TextFieldname={item.name}id={item.na

P粉726234648 2023-09-17 20:42:24 0  1  522

React状态未按正确顺序进行映射

我有一个使用Redux的Next.js项目。在我的商店中，有一组通过Redux减速器更新的状态。基本上是我在某些组件中经常使用的状态数组。在我的一个减速器中，我对这个数组进行了排序。该数组充满了对象，我通过特定属性对其进行排序。当我console.log数组时，它似乎已经排序良好。在我的一个组件中，我映射了这种排序状态。我在这里简化了逻辑。names.map((p)=>(<divkey

P粉476547076 2024-03-31 09:23:01 0  1  421

确定Plotly.js Sunburst图表的状态变化

我有一个React应用程序，在其中使用plotly.js来显示一个旭日图表。我有其他的操作/组件，根据旭日图表的“缩放状态”来改变。例如，如果我完全缩小，爆发图表显示4个同心圆。如果我点击离中心第二个圆，它会放大，然后只有3个同心圆。我以为我可以通过点击处理程序来确定状态，但这似乎并不直接。我感兴趣的状态实际上是哪些东西可见，以及深度是多少（有多少个同心圆）。我希望能找到一些反映状态的回调或其他东

P粉659516906 2023-08-31 20:42:38 0  1  469

保持CSS动画在结束时的最终状态

我正在对一些在CSS中设置为opacity:0;的元素运行动画。动画类被应用于onClick事件，使用关键帧，它将不透明度从0变为1（以及其他一些变化）。不幸的是，当动画结束时，元素会回到opacity:0的状态（在Firefox和Chrome中都是如此）。我本能地认为动画元素会保持最终状态，覆盖它们的原始属性。这不是真的吗？如果不是，我该如何使元素保持最终状态？代码（不包括前缀版本）：@keyf

P粉950128819 2023-08-20 18:36:55 0  2  665

React中的组件在状态改变后未发生变化（componentDidMount fetch）

我正在按照教程制作一个新闻应用程序，我正在从newapi获取数据，我的代码与教程中的代码相同，但是在我更新状态（this.state.articles）后，我的组件没有改变。我使用了setState函数，我尝试在控制台记录状态，状态在更新后看起来很好，render方法运行了，但是没有改变任何内容，可能出了什么问题我的代码/组件importReact,{Component}from'react'im

P粉384679266 2023-09-12 00:02:48 0  2  642

如何在注销时重置Nuxt应用程序的状态？

当用户退出应用程序时，Pinia持久的authStore状态会被重置，并且用户会被重定向到/login。然而，如果下一个用户在不刷新页面的情况下登录，主页面仍然显示上一个用户的数据，因为它仍然在页面的状态中。我应该如何解决这个问题？我应该如何在注销时重置应用程序中的每个状态？有什么推荐的解决方案可以将一个身份验证会话的状态与另一个会话隔离开来？我已经尝试在页面上按下“注销”按钮时手动重置页面的状态

P粉706038741 2023-09-16 20:59:12 0  1  651

Vue3 - 通过页面刷新保持状态

我刚刚开始使用Vue3，并尝试使用vuex来管理状态。使用Vue2时，每次应用程序加载时我都会调用商店，如下所示：//mains.jsimportVueRouterfrom"vue-router";importVuexfrom"vuex";importrouterfrom"./routes";window.Vue=require('vue

P粉959676410 2024-03-25 23:22:06 0  1  521

一个PHP文件在中英不同状态怎么运行对应的JS文件

php文件怎么设置   在中文状态运行中文版JS文件 ，英文状态下运行英文版JS文件

手机用户1611143489 2021-02-07 19:02:56 0  2  975

如何在React.js中更新Context中的状态，而不让组件重新渲染？

所以基本上我正在使用谷歌地图API，当我点击建筑物时，它会显示带有一些信息的模态。该模式的状态位于上下文中，并通过地图上的单击事件进行更新。发生的情况是，当状态更新时，它会再次重新渲染整个Map（使其缩小），因为状态是从Map组件本身更新的。如何才能更新上下文状态但地图不重新渲染？我尝试使用memo和useCallback，但由于道具正在更新（上下文），它会再次重新渲染地图。

P粉322319601 2024-02-26 00:05:17 0  1  455

如何更新 Localstorage 对象中的多个状态 React

所以我已经有一个保留状态的localStorage挂钩，但现在我想更新对象中的两个项目这是添加更新的函数const{data,setData}=useLocalStorage();constaddWorkExperience=()=>{letadditionJob={...data,jobExperience:[...data.jobExperience,{city:""

P粉696605833 2023-09-14 11:49:00 0  1  558

React Query 的竞争条件

我正在尝试使用反应查询创建一个Todo应用程序，但我面临竞争条件问题。我有一个待办事项页面，用户更新/创建新的待办事项，然后单击保存。保存过程可能需要大约3秒，具体取决于用户的互联网连接。编辑待办事项后，用户仍保留在待办事项页面中。创建新的待办事项后，用户将导航到待办事项页面。问题是，当用户创建/更新待办事项然后单击显示待办事项模式（这是外部组件，我无法编辑它）模式显示编辑前的待办事项/如果是新待

P粉364642019 2023-09-03 09:51:21 0  1  683

javascript - 图片链接请求一直是pending状态，导致页面崩溃，怎么解决？

请求接口时返回图片链接，在图片链接读取时，一直处于pending状态，既不返回成功状态码也不返回失败状态码，就一直pending状态，长时间pending导致页面崩溃，怎么解决？

阿神 2017-06-05 11:13:58 0  1  1278

如何在console.log中显示对象的当前状态？

在没有任何附加组件的Safari浏览器（实际上大多数其他浏览器也是如此），console.log会显示对象在执行的最后状态，而不是console.log被调用时的状态。我必须克隆对象才能通过console.log输出它，以获取该行代码中对象的状态。示例：vartest={a:true}console.log(test);//{a:false}test.a=false;console.log(tes

P粉868586032 2023-08-22 13:37:22 0  2  539

在状态中重新排序数组

我使用zustand创建一个带有待办事项数组的全局状态，我有添加、删除和切换每个待办事项完成/撤消的功能。我还使用DndKit拖放每个ToDo组件并在全局上下文中对它们重新排序，为此我需要以这种方式在zustand存储中创建一个reorderTodo函数：consthandleDragEnd=(event:any)=>{const{active,over}=event;if(active.i

P粉741678385 2024-03-30 14:44:42 0  1  389

React 警告：在 useEffect 中更新状态时，更新深度超过了最大限制

我正在尝试更新我的状态变量，它是一个包含布尔变量的对象。一旦数据可用（通过按钮点击调用的API调用响应），我就在useEffect内部更新我的状态。然后使用这些数据调用另一个组件，即一个模态框，如果没有数据可用，我将显示另一个模态框。当我关闭弹出窗口时，应该更新状态变量。const[modalState,setModalState]=useState<IModalState>({sho

P粉447785031 2023-09-06 13:46:55 0  1  567

python - 求马尔可夫链状态转移概率矩阵

一个时间序列如下： {代码...} 这个时间序列一共有4032个值，这些值的取值空间有115个取法a=[-0.49，-0.47,-0.45······1.75,1.77,1.79]，现在想求出来这个115*115的状态转移概率矩阵，写了一个matlab程序但是计算...

習慣沉默 2017-05-18 10:57:34 0  1  1674

React子组件无法感知来自useEffect内部异步函数的状态变化

我试图传递一个在异步函数内部生成的状态，该函数本身位于useState内部。我了解到useRef可能是解决此问题的最佳方法，因为它可以引用可变状态，并且在这个过程中了解了React-useStateRef，它最终解决了我的主组件内状态永远不会更新的另一个问题（会不断得到“渲染太多”错误）。因此它本质上充当useRef和useState的合二为一。但是，虽然我的状态最终更新了，但它仍然没有传递到我的

P粉609866533 2023-09-02 12:55:44 0  1  523