react-hooks 相关问题

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

无法通过单击事件的对话框按钮更改状态

我正在开发 Next.js 应用程序,在其中一个组件中,我有一个 DropdownMenu,其中其中一项启动 DialogAlert(两者都是 Shadcn 组件)。我正在尝试控制对话框的打开

回答 1 投票 0

如何在zod和react-hooks-form中的数字类型中给出默认值(但不是零)?

我的表单使用了 zod 和react-hooks-form。我有价格输入字段。为了防止不受控制的输入错误,我们需要给出defaultValues,但这迫使我给出0作为价格默认值。 ...

回答 1 投票 0

找不到标题高度。您在 Stack 中的屏幕内吗?

我像这样将堆栈导航器嵌套在抽屉内? const Drawer = createDrawerNavigator(); const renderDrawerItem = (道具: DrawerContentComponentProps) => { const langCode = 翻译。

回答 1 投票 0

编程提交不起作用,但获取控制台日志有效

我的问题是我正在尝试调用程序化提交,但它不起作用,两个控制台日志 onClick 都显示在 onConfirm 方法中,但控制台日志 onSubmit 不起作用...

回答 1 投票 0

React useState 状态不会改变

我是 React 新手。 我在 App.js 中有一个选项卡列表: const [tabs, setTabs] = useState([ {id:0,名称:“TOS”,内容:( 我是 React 新手。 我在 App.js 中有一个选项卡列表: const [tabs, setTabs] = useState([ {id:0, name:"TOS", content:(<WelcomeTab title='title' isChecked={isTosChecked} setIsChecked={setIsTosChecked}/>), unviewed:0, visible:false}, ...... ]) 我还有一个可以完美运行的复选框组件。 <WelcomeTab/>里面有一个。 我需要从 App.js 访问该复选框状态,因此 App.js 中有 const [isTosChecked, setIsTosChecked] = useState(false)。 但是当我尝试按下复选框时状态没有改变。 我尝试将 <WelcomeTab/> 直接放入 App.js 的渲染中,效果很好。但是当它位于选项卡列表中并像这样渲染时 {tabs.map(tab => <div key={tab.id} className={tab === activeTab ? "tab selected" : "tab"}> {tab.content} </div> )} 按下复选框不会改变状态。 调试后我发现,在使用选项卡列表的情况下,我无法更改(没有任何反应,isChecked var 没有改变)WelcomeTab 或 Checkbox 的状态。 请参阅 相关代码和控制台,日志解释发生了什么。 您将 JSX 传递到初始状态,该状态在初始渲染期间仅计算一次。 您单击并更改 isTosChecked,这会更新变量并导致父级重新渲染,从而也会影响子级。但选项卡状态没有改变——initialValue 不会再次计算(即,无论进入 useState 作为初始参数)。 由于选项卡没有更改(还请考虑通过引用评估对非原始状态的更改),因此 jsx 显示的数据是陈旧的。 大多数情况下,我不建议您这样做。将 JSX 嵌套在状态中是非常奇怪的(其中 jsx 还保存其他状态)。我的codesandbox没有反映最佳实践。 您可以在没有状态的情况下使用const tabs = [...],因为当您想要使用可能更改的数据触发重新渲染时,会使用状态 - 但 jsx 只是静态数据(将状态放入其道具中,无论如何都会导致重新渲染) 。它应该通过可以是状态的 props 获得完成其工作所需的任何东西。

回答 1 投票 0

提取并聚合较低组件的状态/避免渲染

我有一个关于反应状态的问题。我仍然是初学者,但是 - 我有一个包含三列的表格。在其中两个中,我有输入字段。我将其设置为每一行都是一个组件并具有自己的状态。

回答 1 投票 0

TextInput 无法使用 onChangeText 进行编辑

我面临一个问题,我试图在我的应用程序中创建可编辑的文本输入。所发生情况的简要总结 - 数据从屏幕传递到模式。然后模态设置...

回答 1 投票 0

无法在模拟器中安装React本机应用程序

我在尝试运行应用程序时一直面临这个问题

回答 1 投票 0

反应原生日历高度问题

基本上我使用的是反应本机日历,我面临着日历高度问题。 当我在大屏幕尺寸(例如纵向模式的平板电脑)上使用我的应用程序时,日历在父视图中看起来不错,但是

回答 1 投票 0

我的可见按钮不起作用,我该如何解决它?

在此输入图像描述 在此输入图像描述 我想默认隐藏注册令牌,将 ******** 保留在开头。当用户按下可见按钮一次时,

回答 1 投票 0

useEffect 显示好的结果,然后不做任何更改地显示其他内容

从 'react-native' 导入 { View, Text, StyleSheet, Pressable, Button, ActivityIndicator, Alert, FlatList }; 从 'react' 导入 { useEffect, useState }; 从'../lib/supabase'导入{supabase};

回答 1 投票 0

导致react无限循环

我正在学习react,我想知道下面的代码如何导致无限循环以及如何避免这个问题。注意:navigator.geolocation.getCurrentPosition((position)是从不同的地方导入的...

回答 1 投票 0

useNavigate() 只能在 <Router> 组件的上下文中使用。 (在不同的文件上)

我一直在做一个需要登录的项目。我一直在关注在搜索信息时发现的本教程(这是本教程的第一种方法)。 然而,正如我想创造...

回答 1 投票 0

如何在特定情况下正确使用`useMemo`钩子只执行一次计算?

我无法解决下面描述的问题。 我尝试使用 useMemo,但似乎我以错误的方式使用它。 我创建了自定义挂钩,应该对 h 进行一些昂贵的计算...

回答 1 投票 0

为什么我的 React 应用程序在初始渲染后不断向 YouTube API 发出请求?

我很难准确理解 Youtube API 到底发生了什么。 看来我在 React 中开发的应用程序不断向 Youtube API 发出请求,即使在初始渲染之后也是如此......

回答 1 投票 0

从另一个组件中调用依赖项时,不会触发 React 上下文 useEffect

在组件中,我使用上下文及其状态函数,然后调用 setReviewConfig const { reviewConfig, setReviewConfig } = useContext(ReviewConfigContext); // 其他代码 console.log('正在运行

回答 1 投票 0

useEffect 功能未按预期工作

从 'react' 导入 React, { useState, useEffect } 函数计数器() { const [计数,setCount] = useState(0) 常量 incCount = () => { console.log("计数", 计数) // se...

回答 2 投票 0

React 组件正在修改自己的 props,而不直接更改它们

我创建了一个 React 组件,它创建了一个包含 n 个输入的表单和一个自定义的 SubmitButton。我正在从父组件传递数据(一个数组属性)作为需要显示的初始值...

回答 1 投票 0

如何在功能组件中创建动态引用 - 使用 useRef Hook

我想在具有动态渲染元素的功能组件中拥有引用。 请帮助我使用 useRef Hook 创建动态引用并在处理程序中访问它。 需要创建 3 个

回答 2 投票 0

根据下拉选择渲染不同的组件

我正在开发一个仪表板,其中有一个带有多个选项的主菜单。当用户选择菜单选项时,他们将进一步进入下拉菜单。下拉菜单会有不同...

回答 1 投票 0

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