react-hooks 相关问题

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

暂停所有音频,然后仅恢复正在播放的音频

嗨:)我正在尝试制作一个应用程序,其中有几个环境声音音频。我想添加的一项功能是,当我单击复选框时,所有正在播放的音频都会...

回答 1 投票 0

为什么 context 不传递 React context 的子元素?

如果有人可以帮忙,这对我来说就意味着整个世界。我正在使用 React-router 创建 2 个页面。 第一页是登录页面。如果用户点击通过 npm 创建的 google 注册按钮

回答 1 投票 0

AppwriteException:无效的“电子邮件”参数:值必须是有效的电子邮件地址和 AppwriteException:用户(角色:来宾)缺少范围(帐户)

我正在使用Expo做我的第一个React Native应用程序,并且我使用Expo Go来查看我的物理Android设备中的输出,当我运行该项目时,它在Web中正常工作,但是当我尝试...

回答 1 投票 0

如何在React中动态计算VariableSizeList中组件的高度?

我使用 React 与 Material-UI 和 React-window 库的 VariableSizeList 组件来渲染动态大小组件的列表。每个组件的高度是在rende之后确定的...

回答 1 投票 0

React useEffect 对缺少依赖项警告的神秘感

该 prop 在其他组件(月份日历)中设置,用户实时月份选择会触发该组件的新 api 获取。这两个组件都由 Home 组件作为子组件托管......

回答 1 投票 0

可重用的 React hook 与复杂的 javascript 响应结构

我正在使用 React 编写一个 Web 应用程序。 在我的代码中,我对数据库有很多不同的调用。 所有这些调用看起来都非常相似。 唯一的区别是表名称和参数,然后...

回答 1 投票 0

为什么组件在reactJS上没有条件渲染

所以我用 标签包装了一个组件。因此,当我单击它时,网址将按预期更改为 /product/1。 我的路由器代码.. { 小路: ”/”, 元素:...

回答 1 投票 0

TypeScript 问题:从 React Hook 表单显示错误消息

我正在React应用程序中使用react-hook-form制作注册表单。我的表单包括对各个字段的验证,并且我正在尝试显示每个字段的错误消息。不过,我

回答 1 投票 0

React useState 多次重新运行我的所有函数

我正在学习 NextJs 和 React。 我发现了 React 的一个有趣的行为。 每当我单击“单击我”按钮时,它就会更改测试状态。 然后是一些完全不相关的代码...

回答 1 投票 0

使用 React Context 和异步 setState 时如何保证状态一致性?

我想维护过滤器值,它们是全局上下文中的键值对,以支持应用程序范围的状态。 const createFilterContext = (defaultFilters: FilterState = {}) => { 常量 FilterCon...

回答 1 投票 0

onClick按钮返回上一页/组件React

所以我有这个 div,通过单击按钮后更改状态来从一个组件切换到另一个组件。 { !showForm ? ( <... 所以我有这个 div,可以通过单击按钮后更改 state 来从一个组件切换到另一个组件。 { !showForm ? ( <div className={styles.showTicketContainer}> <div className={styles.showTicketBox}> //some code for UI </div> <div className={styles.whitelistBox}> <Button className={styles.whiteListToggleButton} shape="round" onClick={() => setShowForm(() => true)}>Whitelist</Button> </div> </div> ) : ( <InputEmail /> // render another component within this div after clicking the whitelist button )} 因此可视化这是从this到this。我想在电子邮件页面上添加一个button,以便我可以返回到第一页。 我还用同样的方式吗: { !showForm ? ( //some UI code ) : ( <someComponent/> )} 或者有没有更好的方法来做到这一点。 你可以使用这个: const history = useHistory(); history.goBack(); 如果您正在创建页面,我绝对建议使用 React Router 或类似的库来处理这个问题。使用 React Router,您可以轻松“返回”到上一页,甚至用户浏览器中的“返回”按钮也可以工作,而不必单击按钮。 这段代码可以工作。 在需要的地方添加它们.. import { useHistory } from "react-router-dom"; function demo () { let history = useHistory(); const goToPreviousPath = () => { history.goBack() } return ( <div> <Button onClick={goToPreviousPath} > Back </Button> </div> ): } 请尝试这个 import { useNavigate } from 'react-router-dom'; 调用useNavigate对象 const navigate = useNavigate(); 创建一个你想去的函数 const redirectPage = () => { navigate('/'); }; 调用 html 文件中的函数: <button type="button" onClick={redirectPage}>Home</button>

回答 4 投票 0

列出和禁用 React 上下文

我正在学习React,所以如果问题太天真请原谅。 我目前正在学习 createContext 和 useContext。 是否有一个名为 useContexts.listAll 的函数或属性或其他东西

回答 1 投票 0

React Hook useEffect - 重新渲染/重置问题

我正在尝试创建一个重置按钮,它会更改 useEffect 中依赖项的值。 我认为这会重新渲染组件,从而将所有值设置为默认值,如图所示...

回答 2 投票 0

如何实现递归 React 上下文?

假设我想设计一个提供路径的 React 上下文,并且可以嵌套任意次数。像这样: ...

回答 1 投票 0

为什么我的 React Query 请求返回 html 而不是数据?

我正在尝试使用我制作的react查询钩子来使用json服务器发出模拟数据的请求,但是当调用时它只返回一个html文档。我正在努力找出我做错了什么......

回答 1 投票 0

反应两个选择列表并在其他输入上设置状态

我有两个选择列表(其中 level2 选择从 level1 选定对象获取子值),这会导致数学计算禁用应显示计算结果的输入...

回答 1 投票 0

在自定义 React Hook 中维护多个状态值

我正在寻找一种干净的方法来在自定义反应挂钩中存储几个简单的值。必须返回多个 setter 和 getter 感觉很不舒服。我可以为每个值传递一个值,即...

回答 3 投票 0

更实用的表格渲染方法

我在 React 方面并不先进,我有一个可能是初学者常见的问题。 我注意到(也许我错了),但是每次您需要迭代数组以在表中显示数据时,您都不会...

回答 1 投票 0

Webhook 签名验证失败。未提供 Webhook 负载

当我在cmd stripe中运行以下命令时触发 payment_intent.succeeded 我在这里收到以下错误是 myhandleStripeWebhook 异步函数handleStripeWebhook(req, res) { 常量...

回答 1 投票 0

默认 prop 值的 useEffect 无限循环问题

我有一个下拉组件;这里的重要部分: 从“react”导入 { useEffect, useState } 类型 PropsType = { 选项?:任何[] } 导出 const DropDown = (道具: PropsType) =...

回答 2 投票 0

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