react-hooks相关内容
我这里的产品可能有一个或多个图像。具体取决于ProductCode。 如果ProductCode为,则它们属于同一产品。可以在图像的文件名上找到ProductCode,它在第一个下划线之后。例如,如果文件名为AA_BB_CC.jpg。ProductCode为bb。 您可以查看“我的代码”框中的样本图像。 因此,如果图像具有相同的ProductCode,它应该加起来就是产品。我的问题是在
..
我对React和Redux不熟悉。现在学习有关钩子的知识,真的很困惑。 做一个教程应用程序(老师正在使用课程),它应该从jsonPlacehold(异步)获取一些API数据,然后与redux一起使用。目前,我无法在屏幕上显示提取的数据。 最下面还有我的两个附加问题。 我的代码(这不起作用): 错误: TypeError:posts.map不是函数 PostList.js i
..
我在我的应用程序中使用Redux进行状态管理--使用Reaction Hooks。我可以点击API并从我的操作创建者日志中获得如下屏幕截图: 以下是我试图在其中显示结果的组件的代码: import { useState, useEffect } from "react"; import {Link} from 'react-router-dom'; import styled fro
..
我有一个网站,我在那里建立了一个登录系统。 Register.jsx export default function Register() { const [email, setEmail] = useState(""); const [password, setPassword] = useState(""); const [username, setUser
..
考虑这个简单的例子,其中一个函数用于更新useState对象: App.tsx import { useState } from 'react'; export default function App() { const [state, setState] = useState({ id: 0, }); const update = () => {
..
我搞不懂作用域在Reaction中的工作原理。 我想将一个状态的值传递给另一个状态,但我发现在一个函数中它打印了正确的值,而在另一个函数中却没有。 这是一个倒计时,计时器倒计时并计算点击量,最后,我想要获得总点击量并将其发送到总状态。因此,状态为: const [strokeScore, setStrokeScore] = useState(1); const [tot
..
我目前正在实现一个带有故事书的Reaction定制输入组件。 我希望实现的是这个自定义的输入组件将使用几个参数,其中一个参数是onChangeInput,它将负责稍后为‘InputValue’设置State值,以下是我的主要输入组件实现: Input.tsx import React from 'react' export type Props = { /** * This
..
我正在使用MUI库创建我的React Js应用。 在这里,我使用controlled Text Field组件创建一个简单的搜索用户界面。 但有件事很奇怪。Text Field组件在其值更改后失去焦点。 这是我第一次面对这个问题。我以前从未遇到过这个问题。 这怎么会发生呢?解决方案是什么? 这里是代码和操场:https://codesandbox.io/s/mui-autoco
..
我正在构建一个独立的服务来处理复杂的事情,该服务是一个类,仅用于测试提议,我在useState中模拟。 重点是我在构造函数中忘记了console.log,并且意识到在重新呈现组件时,类构造函数被调用了很多次。这种行为不会导致意想不到的行为或类似的事情,但我在问自己为什么会发生这种情况,因为我知道在它的Call上的useState中声明的事情不会重复,但显然我错了导致以下问题的原因。 为
..
我正在尝试创建一个具有收藏功能的应用程序。 该功能实际工作,但仅在第二次单击之后。 编辑了解更多信息:第一次点击时,应用程序尝试将信息发送到我的数据库,但它是不完整的。它只发送我的初始值。在第二次单击时,它最后会追加其他所需的值并保存到数据库中。 我对钩子还很陌生,所以请随时对我的代码可以使用的任何改进发表意见。 这是我的Reaction组件,它处理所有事情。 import Re
..
我有点困惑,为什么这个组件没有按预期工作: function Counter() { const [count, setCount] = useState(0); useEffect(() => { const id = setInterval(() => { setCount(count + 1); // This effect depends on the
..
我正在为我的Spotify API应用程序使用REACTIVE-Native,当我想用axios从我的服务器获取数据时(在useEffect中,因为我想在组件加载时呈现返回的项),它抛出错误:Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory
..
使用protected.route当用户登录时,我们如何让用户导航到Dashboard和ViewDetails这样的私有路径?如果他是管理员用户,则显示仪表板,否则显示查看详细信息屏幕。有人能在这方面给点建议吗。我已经添加了一个代码框链接以供参考 代码框链接 https://codesandbox.io/s/tender-cerf-kss82?file=/src/components/Lo
..
我在这里使用的是REACT-ROUTER-DOM版本6.0.2,而&Render";道具不起作用,每次我到达路径标签路径中提到的url时,它都会向我抛出这个错误-";匹配的叶路径在位置";/addRecipe";没有元素。这意味着它将在默认情况下呈现为空值的,导致";空白";页面。有人能帮我解决这个问题吗 import './App.css';
..
据我所知,useRef返回的容器总是相同的-但是在useEffect和类似的函数中引用它们会导致eslint穷举-deps警告。在这种情况下,忽略警告是否安全?有什么好方法可以避免用警告堵塞输出日志和用禁用行注释堵塞代码?或者我应该把它们放到依赖列表中,让埃斯林特高兴? 推荐答案 第一次调用useRef时,它创建一个具有current属性的对象。该对象在后续渲染中将保持不变。IE:对此
..
我在最近的项目中遇到了一个问题,其中我有一个表单,其中包含基本的用户详细信息,如First Name、Last Name、Email、Mobile No、OTP。这些字段是我在react-hook中创建的状态。 现在,我必须编写一个handleInputChange函数,该函数将接受两个参数作为输入,并更新该字段的相应状态值。 另外,如果在我的handleInputChange中设置状态之前
..
我正在处理一个Web应用程序,我正在使用Reaction上下文,但没有使用useReducer()挂钩。这是我如何在我的应用程序中使用上下文的一个简单示例: const [stateValue, setStateValue] = useState(""); const [stateValue1, setStateValue1] = useState(""); const contextVal
..
我是个新手,在理解useState钩子--或者更具体地说是previousState方面--方面遇到了问题。 一个普通的useState钩子,可能也是最常见的示例,如下所示: import React, { useState} from 'react'; export default function CounterHooks({ initialCount }){ const [
..
我正在努力从头开始学习反应,并对概念有深入的了解! 今天我搜索了一些特别的、渲染道具以及两者之间的区别。我已经检查了两者的渲染时间。我在Render中写入了console.log('rendered')以检查浏览器控制台中的呈现时间。 HOC:当我使用HOC编写可用的组件时,我看到每次为HOC呈现的道具和使用HOC的组件的道具都发生了变化。 渲染道具:在本例中,我更改了道具,但只渲染
..
我有一个这样的钩子组件: import React, { useState} from "react"; const MyComponent = props => { const [value, setValue] = useState(0); const cleanValue = () => { setValue(0); }; return (
..