react-hooks相关内容

Redux在Reaction中添加了另一个Aray内的对象数组

我这里的产品可能有一个或多个图像。具体取决于ProductCode。 如果ProductCode为,则它们属于同一产品。可以在图像的文件名上找到ProductCode,它在第一个下划线之后。例如,如果文件名为AA_BB_CC.jpg。ProductCode为bb。 您可以查看“我的代码”框中的样本图像。 因此,如果图像具有相同的ProductCode,它应该加起来就是产品。我的问题是在 ..
发布时间:2022-09-25 11:08:59 其他开发

需要澄清Reaction+Reaction-Redux挂钩+中间件thunk+抓取API

我对React和Redux不熟悉。现在学习有关钩子的知识,真的很困惑。 做一个教程应用程序(老师正在使用课程),它应该从jsonPlacehold(异步)获取一些API数据,然后与redux一起使用。目前,我无法在屏幕上显示提取的数据。 最下面还有我的两个附加问题。 我的代码(这不起作用): 错误: TypeError:posts.map不是函数 PostList.js i ..
发布时间:2022-09-23 22:09:42 其他开发

不同函数中状态变量的值不同

我搞不懂作用域在Reaction中的工作原理。 我想将一个状态的值传递给另一个状态,但我发现在一个函数中它打印了正确的值,而在另一个函数中却没有。 这是一个倒计时,计时器倒计时并计算点击量,最后,我想要获得总点击量并将其发送到总状态。因此,状态为: const [strokeScore, setStrokeScore] = useState(1); const [tot ..
发布时间:2022-08-18 11:36:42 其他开发

反应打字脚本故事书使用onChange回调实现定制的输入组件,然后将setState值返回到输入

我目前正在实现一个带有故事书的Reaction定制输入组件。 我希望实现的是这个自定义的输入组件将使用几个参数,其中一个参数是onChangeInput,它将负责稍后为‘InputValue’设置State值,以下是我的主要输入组件实现: Input.tsx import React from 'react' export type Props = { /** * This ..
发布时间:2022-08-18 11:33:29 其他开发

MUI自定义文本字段失去对状态更改的关注

我正在使用MUI库创建我的React Js应用。 在这里,我使用controlled Text Field组件创建一个简单的搜索用户界面。 但有件事很奇怪。Text Field组件在其值更改后失去焦点。 这是我第一次面对这个问题。我以前从未遇到过这个问题。 这怎么会发生呢?解决方案是什么? 这里是代码和操场:https://codesandbox.io/s/mui-autoco ..
发布时间:2022-08-18 11:20:30 前端开发

参数为`new`关键字的useState

我正在构建一个独立的服务来处理复杂的事情,该服务是一个类,仅用于测试提议,我在useState中模拟。 重点是我在构造函数中忘记了console.log,并且意识到在重新呈现组件时,类构造函数被调用了很多次。这种行为不会导致意想不到的行为或类似的事情,但我在问自己为什么会发生这种情况,因为我知道在它的Call上的useState中声明的事情不会重复,但显然我错了导致以下问题的原因。 为 ..
发布时间:2022-08-18 11:10:36 其他开发

OnClick功能需要两次点击才能更新状态

我正在尝试创建一个具有收藏功能的应用程序。 该功能实际工作,但仅在第二次单击之后。 编辑了解更多信息:第一次点击时,应用程序尝试将信息发送到我的数据库,但它是不完整的。它只发送我的初始值。在第二次单击时,它最后会追加其他所需的值并保存到数据库中。 我对钩子还很陌生,所以请随时对我的代码可以使用的任何改进发表意见。 这是我的Reaction组件,它处理所有事情。 import Re ..
发布时间:2022-08-16 20:57:50 前端开发

使用Reaction挂钩,用户如何根据管理员访问权限导航到受保护的路径

使用protected.route当用户登录时,我们如何让用户导航到Dashboard和ViewDetails这样的私有路径?如果他是管理员用户,则显示仪表板,否则显示查看详细信息屏幕。有人能在这方面给点建议吗。我已经添加了一个代码框链接以供参考 代码框链接 https://codesandbox.io/s/tender-cerf-kss82?file=/src/components/Lo ..
发布时间:2022-08-09 10:20:57 其他开发

REACT-ROUTER-DOM渲染道具不返回任何组件

我在这里使用的是REACT-ROUTER-DOM版本6.0.2,而&Render";道具不起作用,每次我到达路径标签路径中提到的url时,它都会向我抛出这个错误-";匹配的叶路径在位置";/addRecipe";没有元素。这意味着它将在默认情况下呈现为空值的,导致";空白";页面。有人能帮我解决这个问题吗 import './App.css'; ..

引用是否应该列为Use Effect等的依赖项?

据我所知,useRef返回的容器总是相同的-但是在useEffect和类似的函数中引用它们会导致eslint穷举-deps警告。在这种情况下,忽略警告是否安全?有什么好方法可以避免用警告堵塞输出日志和用禁用行注释堵塞代码?或者我应该把它们放到依赖列表中,让埃斯林特高兴? 推荐答案 第一次调用useRef时,它创建一个具有current属性的对象。该对象在后续渲染中将保持不变。IE:对此 ..
发布时间:2022-08-08 15:53:25 前端开发

使用Reaction钩子中的公共函数设置多个状态

我在最近的项目中遇到了一个问题,其中我有一个表单,其中包含基本的用户详细信息,如First Name、Last Name、Email、Mobile No、OTP。这些字段是我在react-hook中创建的状态。 现在,我必须编写一个handleInputChange函数,该函数将接受两个参数作为输入,并更新该字段的相应状态值。 另外,如果在我的handleInputChange中设置状态之前 ..

反应+useState()+PreviousState

我是个新手,在理解useState钩子--或者更具体地说是previousState方面--方面遇到了问题。 一个普通的useState钩子,可能也是最常见的示例,如下所示: import React, { useState} from 'react'; export default function CounterHooks({ initialCount }){ const [ ..
发布时间:2022-07-23 15:22:26 前端开发

渲染道具还是特制?

我正在努力从头开始学习反应,并对概念有深入的了解! 今天我搜索了一些特别的、渲染道具以及两者之间的区别。我已经检查了两者的渲染时间。我在Render中写入了console.log('rendered')以检查浏览器控制台中的呈现时间。 HOC:当我使用HOC编写可用的组件时,我看到每次为HOC呈现的道具和使用HOC的组件的道具都发生了变化。 渲染道具:在本例中,我更改了道具,但只渲染 ..