react-hooks 相关问题

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

React Hooks记住成本

React.useMemo()是否需要比较成本,例如React.PureComponent中的shouldComponentUpdate()?将变量经常更改为useMemo()或useCallback()的deps是不是很糟糕。谢谢

回答 1 投票 0

你能早点用React钩子返回吗?

React文档清楚地表明有条件地调用钩子是行不通的。从最初的React钩子演示,原因是因为React使用你调用钩子的顺序来注入...

回答 1 投票 2

useEffect中的无限循环

我一直在使用React 16.7-alpha中的新钩子系统,当我正在处理的状态是一个对象或数组时,它会在useEffect中陷入无限循环。首先,我使用useState和...

回答 5 投票 21

尝试实现useEffect时发生奇怪的错误

我试图在我的cockpit函数中使用useEffect返回一些元素,但我得到这个奇怪的错误,说“第6行:React Hook”useEffect“在函数”cockpit“中被调用...

回答 1 投票 4

切换活动状态与钩子反应

我正在使用React钩子并遇到了一些我不确定该怎么做的事情。我有一个父组件,用于呈现城市列表。 const Cities =({cities = [“London”,“Barcelona”,“Los ...

回答 2 投票 3

从父组件更改反应挂钩状态

我有一个像这样的钩子组件:从“react”导入React,{useState}; const MyComponent = props => {const [value,setValue] = useState(0); const cleanValue =()=> {...

回答 3 投票 1

为什么初始项目没有使用useTransition转换出来

我正在使用react-spring的useTransition在这样的页面之间转换:const context = useContext(AppContext); const items = [context.page]; const transitions = useTransition(...

回答 1 投票 1

反应|解析分配未定义时传递默认道具值时出错

我的理解是有几种方法可以将默认值传递给React中的prop。但是,我试过的没有一个似乎可以缓解我的问题。基本上我想要一个默认值...

回答 1 投票 1

使用Hooks复制功能性HOC组件,复制静态方法

我有一个使用钩子的功能性HOC组件。我正在使用Wix Native Navigation,我的大部分屏幕都使用静态方法。但是在使用HOC时不会复制静态方法:当你......

回答 1 投票 0

如何将通过props传递的对象设置为钩子本地状态

传递道具设置为状态,但无法访问内部属性传递模型如下,让v = {“id”:“6ccd12a3-802b-4ff6-ab6d-0f66f9df1e99”,“mac”:“a4:5e:60:f2:89: bf“}我正在调用......

回答 1 投票 0

事件监听器中的状态更新会对挂钩做出反应

我创建了简单的自定义挂钩,可以保存屏幕的高度和宽度。问题是我想重新渲染(更新状态)只有当我的状态中的某些条件发生而不是每个resize事件时... ...

回答 1 投票 0

React useContext throws无效的钩子调用错误

我试图使用useContext将值从上下文提供程序传递给使用者,并访问render函数之外的值。我的提供者看起来像这样:export const AppContext = React ....

回答 4 投票 1

componentWillReceiveProps,React Hook的componentDidUpdate

我遇到了两个挑战:即使按照React指南,也不鼓励派生状态,但是一些边缘情况仍然需要它。就React Hook的功能组件而言,有什么相同的......

回答 3 投票 2

如何使用React-Hooks和Apollo Client在React-GraphQL中实现搜索功能?

我尝试使用React-Hooks和GraphQL-Apollo Client将搜索功能实现到我的管理系统中。虽然界面显示成功,但当我按下“搜索”按钮时,它出现了......

回答 2 投票 0

在React中使用钩子创建事件处理程序的正确方法?

在典型的基于类的React组件中,我将创建一个事件处理程序:class MyComponent extends Component {handleClick =()=> {...} render(){return

回答 1 投票 7

使用React Hooks,为什么我的事件处理程序以不正确的状态触发?

我正在尝试使用反应挂钩创建这个旋转div示例的副本。 https://codesandbox.io/s/XDjY28XoV这是我的代码到目前为止从'react'导入React,{useState,useEffect,useCallback}; ...

回答 2 投票 1

使用动态生成的列重新安装/重新呈现更改列的React组件

在这里,您对代码盒目前有着浓厚的兴趣。我根据屏幕宽度动态生成列以分发组件数组。工作,但当我调整屏幕大小以改变...

回答 1 投票 0

这个React表单字段钩子使用的正确类型是什么?

我有一个React钩子(使用typescript),但是如果我使用any作为初始值的类型,我只能使它工作。我尝试过HTMLInputElement,React.FormEvent(甚至是React ......)的组合。

回答 1 投票 1

在React useState钩子中设置状态时删除键的最佳或最有效的方法是什么?

我们的项目正在接受新功能的React组件并大量使用各种钩子,包括useState。与React类的setState()方法不同,useState()返回的setter ...

回答 1 投票 0

如何将useState更新为TextInput

我有一个简单的 在React Native中我想在值更改时打印一些文本。它在第二个字符输入后工作,但不是,当用户只按一个字符时。我尝试用...

回答 3 投票 0

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