react-hooks 相关问题

Hooks是一项新功能,允许开发人员在不编写类的情况下使用状态和其他React功能。

React hooks状态未更新

我正在尝试新的钩子功能,并坚持我的状态没有更新。实际上状态是更新的(我可以在console.log中看到更新的值,我的组件重新运行useEffect)...

回答 1 投票 0

使用React Hooks设置嵌套数组的状态

我一直在与React Hooks合作,但对我来说最大的问题是使用数组。我正在为团队制作注册表。球队有球员(球队阵列)。用户应......

回答 1 投票 1

将React PureComponent重构为基于钩子的功能组件

我有一个基于工作类的Accordion组件实现,我正在尝试重构使用新的hooks api。我的主要挑战是找到一种只重新渲染切换的方法

回答 1 投票 5

正在调度操作,即使它不在组件中

我正在玩反应钩子,并遇到了使用useReducer的绊脚石。我创建了一个简单的pinPad,它将一个引脚存储到状态,然后将它与一个常量进行比较然后......

回答 1 投票 0

useEffect React hook中的第二个参数变体?

在反应钩中,这3个片段之间有什么区别。 // 1。 function App(){const [isOn,setIsOn] = useState(false); useEffect(()=> {const interval = setInterval(()=> ...

回答 2 投票 0

React hook useEffect依赖数组

我试图绕着新的钩子api做出反应。具体来说,我正在尝试构建曾经如下的经典用例:componentDidUpdate(prevProps){if(prevProps ....

回答 3 投票 6

在setInterval中使用React状态挂钩时,状态不会更新

我正在尝试新的React Hooks并且有一个带有计数器的Clock组件,它应该每秒都会增加。但是,该值不会超过一个。功能Clock(){...

回答 4 投票 31

useState hook如何重新呈现其父函数?

任何人都可以帮助我理解当状态发生变化时功能cmp如何重新呈现。参考下面, function App(){const [count,updateCount] = useState(0);回来(

回答 1 投票 1

使用初始状态反应useState钩子事件处理程序

我仍然围绕着反应钩,但努力想看看我在这里做错了什么。我有一个用于调整面板大小的组件,onmousedown的边缘我更新状态值然后有...

回答 1 投票 0

在React 16.8中访问整个状态对象

当反应16.8引入反应钩子时,访问和设置状态已经改变。以前您可以使用{this.state}访问整个州对象,因为您直接访问您的州...

回答 4 投票 2

为什么useState在获取数据后不起作用

当我在console.log中从api回复时,就在那里。但是当我尝试通过usestate挂钩设置状态时,它不会更新状态。 const [data,setData] = useState([])const getLocation =()=&...

回答 1 投票 1

如何正确等待状态更新/渲染而不是使用延迟/超时功能?

我会尽量保持这个简短,但我并不是100%确定实现我的目标的正确方法。我没有经过多少训练就被React抛到了深处,所以我最...

回答 3 投票 0

React hooks:可激活状态模式

我正在尝试创建一个可以根据道具激活/禁用某些功能的组件。所有这些功能都需要一个必须管理的状态。我试图想到......

回答 2 投票 3

在渲染道具功能中使用反应钩子

取自Hooks规则:不要在循环,条件或嵌套函数中调用Hook。相反,总是在你的React函数的顶层使用Hooks给出这个反应的建议......

回答 1 投票 2

我可以使用箭头功能而不是React Hooks的普通功能吗?

是否可以将箭头函数与新的React Hook语法一起使用?会有什么不同和/或这会导致问题吗?文档语法:function Example(){const [count,...

回答 3 投票 2

React useEffect奇怪的行为

我有一个表单组件从其父级获取其状态。表单组件只是呈现一些输入字段和其他字段。父组件使用useReducer并将值传递给表单...

回答 1 投票 0

错误:只能在函数组件的主体内部调用挂钩

大家好我想在我的应用程序中使用钩子,但它一直说不处理拒绝(不变违规):钩子只能在函数组件的主体内部调用。我猜一个......

回答 2 投票 0

useReducer动作调度两次

场景我有一个返回动作的自定义钩子。父组件“Container”使用自定义钩子并将操作作为prop传递给子组件。问题当行动是......

回答 1 投票 4

React-Hook条件渲染(没有错误,但不起作用)

我的代码中没有错误。但是我的情况,终于不行了。 const togglePeronsHandler =()=> {const doesShow = personsState.showPersons; personsState.showPersons =!doesShow; ...

回答 2 投票 0

react-testing-library - 使用useContext hook的测试组件 - 上下文在测试之间持续存在

我正在尝试测试使用自定义挂钩的组件。该钩子使用带有useContext钩子的上下文。我的问题是两个连续测试之间的上下文持续存在。我试过嘲笑......

回答 1 投票 1

© www.soinside.com 2019 - 2024. All rights reserved.