react-functional-component相关内容
我在最近的项目中遇到了一个问题,其中我有一个表单,其中包含基本的用户详细信息,如First Name、Last Name、Email、Mobile No、OTP。这些字段是我在react-hook中创建的状态。 现在,我必须编写一个handleInputChange函数,该函数将接受两个参数作为输入,并更新该字段的相应状态值。 另外,如果在我的handleInputChange中设置状态之前
..
我有一个函数组件,我想强制它重新呈现。 如何才能做到这一点? 由于没有实例this,我无法调用this.forceUpdate()。 推荐答案 🎉现在可以使用React hooks 使用Reaction挂钩,您现在可以在函数组件中调用useState()。 useState()将返回一个包含2项的数组: 一个值,表示当前状态。 它的二传者。使用它来更新值。
..
我正在使用React v16应用程序,需要加载用于xlsx导出数据的重型(IMO)库。 我正在使用功能组件/挂钩。 我了解并使用了组件和lazy用于延迟加载模块。但由于此项目不是组件,它只是我需要使用onClick事件运行的库函数,所以我不能使用惰性/悬念。 如何才能仅在需要时延迟加载此函数?(WriteXlsxFile) import React, {
..
我开始看到我的一些团队编写以下代码,这让我质疑我们是否以正确的方式做事,因为我以前从未见过它这样写。 import * as React from "react"; import "./styles.css"; function UsualExample() { return
This is the standard example…
} export defaul
..
这是反模式吗? export function Todo() { ... const renderItem = (item) => ( item.done ? {item.text} : {item.text} ); return (
..
我收到错误“未捕获的 ReferenceError:未定义 regeneratorRuntime".请帮助我找出错误以及如何解决它. 解决方案 安装运行时依赖项 npm i --save-dev @babel/plugin-transform-runtime 将插件添加到您的 .babelrc 文件中 {“插件":[“@babel/plugin-transform-runti
..
我正在学习 TypeScript,有些地方让我感到困惑.下面是一点: interface Props {名称:字符串;}const PrintName: React.FC=(道具)=>{返回 (
{props.name}
)}const PrintName2 =
..
我有一个名为 useIsUserSubscribed 的自定义钩子,用于检查是否订阅了特定用户.如果用户已订阅则返回 true,如果用户未订阅则返回 false... import { useState, useEffect } from “react";import { useSelector } from “react-redux";import { checkSubscription }
..
import { useEffect } from “react";导出常量路由 = () =>{useEffect(() => {console.log(“红色")}, []);const a = [{ name: “sathish";}];const b = [{ 名称:“pandi";}];const c = [{ name: “suren";}];如果(假){返回一个;} 别的 {返回 b
..
我确实尝试过搜索相同的问题,但所有这些问题都是有角度的或不相关的, 我正在尝试使用 MongoDB、Express、React、Node、Graphql 和 Apollo 制作一个社交应用程序,我正在关注来自 freecodecamp 的视频:视频链接在该视频中一切正常,但在他部署的版本中,他遇到了与我相同的错误 react_devtools_backend.js:2450 类型错误:
..
我有一个功能组件,我想在其中将数据保存在我的输入表单中,使用 saveForm 方法将它们发送到我的 java API. 我怎样才能读取这个承诺的响应 props.saveForm(为了寻找潜在的服务器错误)在一个功能组件?我已经读到,在这些情况下,必须使用 useEffect 钩子..> 请赐教.谢谢你的智慧. 我在其他问题中找到的代码: useEffect(() => {con
..
所以我有一个功能组件,它进行 API 调用以获取“玩家"json 对象.在提取的“玩家"对象中,我有一个嵌套的“团队"json 对象,其中包含我需要在单独的 API 调用中使用的 ID.由于 API 调用的性质是异步的,我如何保证第二个 API 调用会起作用. const [player, setPlayer] = useState({});异步函数 fetchPlayer() {const r
..
我有一个功能组件,我想在其中将数据保存在我的输入表单中,并使用 saveForm 方法将它们发送到我的 Java API. 我怎样才能读取这个承诺的响应 props.saveForm(为了寻找潜在的服务器错误)在功能组件中?我读到在这些情况下必须使用 useEffect 钩子..> 请赐教.谢谢你的智慧. 我在其他问题中找到的代码: useEffect(() => {const s
..
我有一个完全由功能组件构建的 React 应用程序.我想获取元素在屏幕上呈现后的高度以相应地更改其父元素的大小. 有针对基于类的应用程序的解决方案,但我找不到针对功能组件的解决方案. 我从答案中尝试了这个解决方案,但它没有运行 useEffect 钩子 这里是从我的组件中提取的代码 import React, {useRef, useEffect} from 'react';进
..
我有一个页面,其中有按钮,如果用户单击该按钮,我将使用以下功能重定向到其他页面(第 2 页): const viewChange = (record) =>{让路径 = `newPath`;history.push('/ViewChangeRequest');}; 我想将一些值传递给其他页面,比如 record.id, record.name 但无法弄清楚我们可以将这些值传递给其他页面的方式
..
我有一个函数,它有一个对 Wordnik Api 的 fetch 调用,它返回一个随机单词.它一切正常,但我正在尝试设置一个 TouchbaleOpacity/Button,它将在按下该组件时呈现该组件,因此每次用户单击按钮时我都可以获得一个随机词.我在一个单独的文件中有另一个组件,如何在按钮按下时调用它? `导出默认函数HomeScreen({导航}){const onPress = () =
..
我正在构建联系人管理器.当用户单击特定联系人的更新按钮时,将分派一个操作,并使用对象填充减速器状态中的“hotContact"属性.我想要的是用“hotContact"的名称和号码填充 ContactForm 的字段.然而,尽管 hotContact 被加载到 redux 状态,我的 ContactForm 组件不会显示 hotContact 的名称和号码.我该如何继续?这是我目前所拥有的.
..
令我困惑的是,函数式组件和基于类的组件现在都可以使用 State 和 Props 但在不同的实现中.我更喜欢基于类的组件,因为我是 angular 开发人员,我发现使用这些类型的组件更舒服.但是我搜索了这个,许多专家说最好尽可能多地使用功能组件. 我想知道当有人申请 React 开发人员职位时,这对科技公司是否真的很重要.他们会看这些东西吗?由于它们在实现上有很大不同...... 解决
..
我收到错误“未捕获的ReferenceError:未定义regeneratorRuntime".请帮助我找出错误以及解决方法. 解决方案 安装运行时依赖项 npm i --save-dev @ babel/plugin-transform-runtime 将插件添加到您的.babelrc文件中 {“插件":["@ babel/plugin-transform-runti
..
我确实尝试搜索相同的问题,但是所有这些问题都是有角度的或无关的 我正在尝试使用MongoDB,Express,React,Node,Graphql和Apollo制作一个社交应用程序,我正在观看freecodecamp的视频:链接到github回购 堆栈溢出引发了太多的缩进问题,因此我在上面链接了我的github 代码太多 我正在使用语义UI进行样式设计 我正在使用graphql
..