react-hooks 相关问题

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

使用TypeScript在useState React Hook上设置类型

我正在使用TypeScript项目迁移React以使用钩子功能(React v16.7.0-alpha),但我无法弄清楚如何设置析构元素的类型。这是一个例子:界面......

回答 1 投票 11

我们如何使用react钩子实现componentWillUnmount?

在卸载和销毁组件之前立即调用方法componentWillUnmount()。如果我们使用带有空数组([])的useEffect作为第二个参数并将我们的函数放入...

回答 3 投票 1

处理对象数组作为状态的问题

我正在尝试将状态设置为对象数组,但它失败了。我使用CRA创建项目,并使用react-hooks进行状态。我使用react-apollo-hooks从graphql server获取数据。我刚刚宣布数据......

回答 2 投票 2

在useEffect第二个param中使用object而不必将其字符串化为JSON

在JS中,两个对象不等于。 const a = {},b = {}; console.log(a === b);所以我不能使用useEffect(React hooks)中的对象作为第二个参数,因为它总是被视为false(...

回答 1 投票 0

从不同的组件设置状态

首先,我的方法可能从一开始就被误导。我有一个组件列出了兄弟组件添加的对象。我希望列表组件在新对象更新时更新...

回答 2 投票 -1

从React.js UseEffect Hook中创建的事件处理程序访问状态

在我的组件中,我在useEffect钩子中设置了一个事件监听器:useEffect(()=> {const target = subtitleEl.current; target.addEventListener(“click”,()=> {console.log(“.. 。

回答 2 投票 0

在setTimeout中调用的函数不使用当前的React状态

快速摘要我正在尝试创建一个按钮,该按钮既有常规点击,也有用户单击并按住它时发生的单独操作,类似于Chrome中的后退按钮。我正在做的方式......

回答 1 投票 6

React useState钩子如何与可变对象一起工作

假设我的组件有一段状态,它是一组选定的ID。 Javascript有一个Set类型,所以我试试这个:let [selectedIDs,setSelectedIDs] = useState(new Set()); Javascript集是......

回答 1 投票 0

如何在onClick函数中访问钩子setter

我正在将一个类组件重写为一个功能组件,但我无法弄清楚如何在onClick函数中访问一个钩子setter。我像往常一样声明钩子,这是一个变量和一个用于...的setter

回答 1 投票 0

番茄钟(使用React Hooks)倒计时无法启动

试图重构这个番茄钟来使用React Hooks。在单击“开始计时器”按钮时,倒计时没有启动时出现问题。我认为问题来自intervalRef。我......

回答 1 投票 0

React Hook API,我应该为SetStateAction设置deps吗?

我有一个问题要使用react hook api const例如:FC =(props)=> {const [str,setStr] = useState('example'); const onClickCb = useCallback(()=> {setStr(str +'_');} ...

回答 1 投票 0

是否有可能使用反应钩子反应原生?

在react文档中,它表示变量和监听器钩子必须在组件中声明,但当我尝试这样做时,React本机会抱怨。有没有办法在......中使用Hooks ...

回答 2 投票 4

如何使用带有反应钩子的静态变量

使用const [open,setOpen] = useState(false),我可以创建一个open函数,该函数在函数组件的调用中保持不变。但是如果我在设置时不想要重新渲染,我可以使用哪个钩子...

回答 2 投票 0

React Hooks:有没有理由忽略useEffect和useCallback的创建或回调是坏的?

所以我正在阅读Dan Abramov和Hooks文档中的“使用效果的完整指南”。在文章中Dan给出了以下示例:function SearchResults(){const [query,setQuery] = useState('...

回答 1 投票 0

使用React Hooks从Prismic API获取数据

我正在尝试查询来自Prismic无头CMS API的数据并使用React Hooks遇到问题。 prismic API返回null,虽然我知道它正确传递,因为我可以查询...

回答 2 投票 0

如何使用react-apollo-hook链接useQuery钩子

我想用钩子执行2个查询,其中第二个查询使用在第一个查询中检索的信息。例如:const {data,error,loading} = useQuery(GET_DOGS); const result2 = ...

回答 1 投票 2

ReactJS:如何在组件之间同步sessionStorage状态

在我的应用程序中,我有一个React组件,它呈现一个数字列表,它还通过sessionStorage存储这些数字的总和。我的应用程序还有一个组件,以便新...

回答 2 投票 2

使用React Hooks使用Portal动画模式组件时出现问题

我试图在用户打开和关闭组件时为我的模态组件设置动画。模态组件使用Portal在页面上安装和卸载,我正在使用来自...的CSSTransitionGroup

回答 1 投票 1

更新状态的正确语法是什么?

使用react-hook更新状态的正确方法是什么? const [items,setItems] = useState([]]; const onChangeHandlers =(values)=> {setItems({setItems:values})} const values = ['item1','...

回答 3 投票 0

使用`react-apollo-hooks`和`useSubscription`钩子

我正在使用React,Apollo和react-apollo-hooks为钩子支持构建一个简单的待办事项应用程序,但useSubscription钩子不会触发。我知道实际后端的东西是有效的,因为我有一个graphiql ...

回答 1 投票 2

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