react-functional-component相关内容

使用Reaction钩子中的公共函数设置多个状态

我在最近的项目中遇到了一个问题,其中我有一个表单,其中包含基本的用户详细信息,如First Name、Last Name、Email、Mobile No、OTP。这些字段是我在react-hook中创建的状态。 现在,我必须编写一个handleInputChange函数,该函数将接受两个参数作为输入,并更新该字段的相应状态值。 另外,如果在我的handleInputChange中设置状态之前 ..

Reaction-如何强制呈现功能组件?

我有一个函数组件,我想强制它重新呈现。 如何才能做到这一点? 由于没有实例this,我无法调用this.forceUpdate()。 推荐答案 🎉现在可以使用React hooks 使用Reaction挂钩,您现在可以在函数组件中调用useState()。 useState()将返回一个包含2项的数组: 一个值,表示当前状态。 它的二传者。使用它来更新值。 ..
发布时间:2022-06-20 20:38:43 前端开发

对函数(而不是组件)反应延迟加载

我正在使用React v16应用程序,需要加载用于xlsx导出数据的重型(IMO)库。 我正在使用功能组件/挂钩。 我了解并使用了组件和lazy用于延迟加载模块。但由于此项目不是组件,它只是我需要使用onClick事件运行的库函数,所以我不能使用惰性/悬念。 如何才能仅在需要时延迟加载此函数?(WriteXlsxFile) import React, { ..
发布时间:2022-03-26 18:15:39 其他开发

类型错误:无法读取未定义的属性“getPosts" - useQuery hook,react Functional Components

我确实尝试过搜索相同的问题,但所有这些问题都是有角度的或不相关的, 我正在尝试使用 MongoDB、Express、React、Node、Graphql 和 Apollo 制作一个社交应用程序,我正在关注来自 freecodecamp 的视频:视频链接在该视频中一切正常,但在他部署的版本中,他遇到了与我相同的错误 react_devtools_backend.js:2450 类型错误: ..

在功能组件中反应承诺

我有一个功能组件,我想在其中将数据保存在我的输入表单中,使用 saveForm 方法将它们发送到我的 java API. 我怎样才能读取这个承诺的响应 props.saveForm(为了寻找潜在的服务器错误)在一个功能组件?我已经读到,在这些情况下,必须使用 useEffect 钩子..> 请赐教.谢谢你的智慧. 我在其他问题中找到的代码: useEffect(() => {con ..
发布时间:2021-11-15 04:46:19 其他开发

React 功能组件中的依赖 api 调用

所以我有一个功能组件,它进行 API 调用以获取“玩家"json 对象.在提取的“玩家"对象中,我有一个嵌套的“团队"json 对象,其中包含我需要在单独的 API 调用中使用的 ID.由于 API 调用的性质是异步的,我如何保证第二个 API 调用会起作用. const [player, setPlayer] = useState({});异步函数 fetchPlayer() {const r ..
发布时间:2021-11-15 04:43:37 其他开发

在功能组件中反应承诺

我有一个功能组件,我想在其中将数据保存在我的输入表单中,并使用 saveForm 方法将它们发送到我的 Java API. 我怎样才能读取这个承诺的响应 props.saveForm(为了寻找潜在的服务器错误)在功能组件中?我读到在这些情况下必须使用 useEffect 钩子..> 请赐教.谢谢你的智慧. 我在其他问题中找到的代码: useEffect(() => {const s ..
发布时间:2021-09-15 18:55:48 其他开发

如何在完全基于功能组件的 React 应用程序中获取元素的大小?

我有一个完全由功能组件构建的 React 应用程序.我想获取元素在屏幕上呈现后的高度以相应地更改其父元素的大小. 有针对基于类的应用程序的解决方案,但我找不到针对功能组件的解决方案. 我从答案中尝试了这个解决方案,但它没有运行 useEffect 钩子 这里是从我的组件中提取的代码 import React, {useRef, useEffect} from 'react';进 ..

使用 React 功能组件重定向到其他页面

我有一个页面,其中有按钮,如果用户单击该按钮,我将使用以下功能重定向到其他页面(第 2 页): const viewChange = (record) =>{让路径 = `newPath`;history.push('/ViewChangeRequest');}; 我想将一些值传递给其他页面,比如 record.id, record.name 但无法弄清楚我们可以将这些值传递给其他页面的方式 ..

在 React Native 中渲染一个 onPress(TouchableOpacity/Button) 组件

我有一个函数,它有一个对 Wordnik Api 的 fetch 调用,它返回一个随机单词.它一切正常,但我正在尝试设置一个 TouchbaleOpacity/Button,它将在按下该组件时呈现该组件,因此每次用户单击按钮时我都可以获得一个随机词.我在一个单独的文件中有另一个组件,如何在按钮按下时调用它? `导出默认函数HomeScreen({导航}){const onPress = () = ..

使用来自 Redux 状态的数据更新功能组件本地状态

我正在构建联系人管理器.当用户单击特定联系人的更新按钮时,将分派一个操作,并使用对象填充减速器状态中的“hotContact"属性.我想要的是用“hotContact"的名称和号码填充 ContactForm 的字段.然而,尽管 hotContact 被加载到 redux 状态,我的 ContactForm 组件不会显示 hotContact 的名称和号码.我该如何继续?这是我目前所拥有的. ..
发布时间:2021-07-03 19:31:23 其他开发

我应该在 React 中使用什么类型的组件:函数式组件还是类基组件?

令我困惑的是,函数式组件和基于类的组件现在都可以使用 State 和 Props 但在不同的实现中.我更喜欢基于类的组件,因为我是 angular 开发人员,我发现使用这些类型的组件更舒服.但是我搜索了这个,许多专家说最好尽可能多地使用功能组件. 我想知道当有人申请 React 开发人员职位时,这对科技公司是否真的很重要.他们会看这些东西吗?由于它们在实现上有很大不同...... 解决 ..

TypeError:无法读取未定义的属性"getPosts"-useQuery挂钩,对功能组件做出反应

我确实尝试搜索相同的问题,但是所有这些问题都是有角度的或无关的 我正在尝试使用MongoDB,Express,React,Node,Graphql和Apollo制作一个社交应用程序,我正在观看freecodecamp的视频:链接到github回购 堆栈溢出引发了太多的缩进问题,因此我在上面链接了我的github 代码太多 我正在使用语义UI进行样式设计 我正在使用graphql ..