在映射语句(反应)中未定义"this"关键字
vidsAsHtml映射函数中的this关键字不断返回未定义. 我阅读了 this ，以及其他一些有关SO的问题这，但是他们的解决方案没有解决问题.我已经在地图上使用了es6语法箭头功能，但是我也尝试将它作为第二个参数，但这并不能解决问题.好奇是否有人知道为什么'this'关键字一直在这里未定义. import React, { useState, useEffect } from
..
react-hooks相关内容
使用初始状态来反应useState钩子事件处理程序
我仍然不停地做出反应，但仍在努力查看我在这里做错了什么.我有一个用于调整面板大小的组件，在边缘的onmousedown上更新状态值，然后为mousemove使用事件处理程序，该事件处理程序使用该值，但是在值更改后似乎没有更新. 这是我的代码: export default memo(() => { const [activePoint, setActivePoint] = useS
..
为什么React Hook useState使用const而不是让
使用React的useState Hook的标准方法如下: const [count, setCount] = useState(0); 不过，显然会将此const count变量重新分配给其他原始值. 为什么变量没有定义为let count? 解决方案 显然要重新分配给其他原始值 并非如此.重新呈现组件后，该函数将再次执行，创建一个新的作用域，并创建一个新的co
..
React Navigation v5身份验证流程(屏幕为不同文件)
如果我们在文档示例中看到: https://reactnavigation.org/docs/auth-流量/: function SignInScreen() { const [username, setUsername] = React.useState(''); const [password, setPassword] = React.useState(''); con
..
遍历列表时如何动态使用useReducer?
我正在尝试显示时间列表(例如07:00、07:30)，但是当出现重复时间时，请在其旁边显示重复次数(例如07:30、08:00³) 当我遍历列表时，每个项目都需要有自己的状态，以便可以在每个时间旁边设置和显示计数器 此刻，我有太多的rerender，但是我也不确定我的reducer是否正确 在此仓库中可以看到没有任何注释的代码:const TimeGrid = () => { c
..
React Hook useReducer始终运行两次
安装组件后，我正在从公共API加载数据.加载数据后，我将其传递给reducer，但它始终会触发两次.这就是我所拥有的: function MyComponent(props) { function reducer(data, action) { switch (action.type) { case 'INITIALIZE': re
..
React Hooks，如何实现useHideOnScroll钩子?
const shouldHide = useHideOnScroll(); return shouldHide ? null :
something useHideOnScroll行为不应在每次滚动时都返回更新的值，而应仅在发生更改时返回更新的值. 伪逻辑如下: if (scrolledDown && !isHidden) { setIsHid
..
将基于类的组件转换为挂钩(gapi API)
我使用基于gapi(Google Auth)API的基于类的组件，该API呈现按钮并且可以正常工作: import React from 'react'; class GoogleAuth extends React.Component { state = { isSignedIn: null }; componentDidMount() { window.gapi.lo
..
React Hooks渲染两次
我定义了一个场景:我们有一个使用父母的道具及其自身状态的组件. 有两个DC和JOKER组件，下面是我的步骤: 单击DC的按钮 DC setCount JOKER将使用旧状态进行渲染 运行useEffect和setCount JOKER再次渲染 我想问一下为什么JOKER渲染两次(步骤3和5)，而第一个渲染浪费了性能. 我只是不想执行第3步. 如果在类组件中，我可以使用co
..
具有React useEffect钩子的componentWillUnmount
如何使用useEffect钩子(或与此相关的任何其他钩子)复制componentWillUnmount? 在传统的类组件中，我将执行以下操作: class Effect extends React.PureComponent { componentDidMount() { console.log("MOUNT", this.props); } componentWill
..
如何以动态形式创建和存储多个输入的值?
我有一个表单，用户可以在该表单中生成要提交的表单的新输入，但是我一直在处理新生成的输入的值，因为我需要将它们存储在state中. 我的代码 const [supply_detail_data,setSupply_detail_data]=React.useState({ suppCashDetail:[{text : [],val:[]}] }); const addNewS
..
在useState钩子中同步对象内的嵌套数组
我已经定义了一个useState对象，如下所示: const [groupDetails, setGroupDetails] = React.useState([ { fullName: "", phoneNo: "", gender: "" }, ]); const [state, setState] = React.useState({ fullName: "",
..
挂钩只能在功能组件的主体内部调用. (fb.me/react-invalid-hook-call)
import { useEffect } from "react"; export const Routes = () => { useEffect(() => { console.log("red") }, []); const a = [{ name: "sathish" }]; const b = [{ name: "pandi" }]; const c =
..
React.StrictMode:useEffect中的SetState函数运行一次效果时会运行多次
oldRunIn为undefined时，以下代码的输出与触发效果时的预期结果相同: 效果正在运行 setState正在运行 但是，下次useEffect运行时定义了状态变量runInArrow，在setState函数中将其称为oldRunInArrow，输出为: 效果正在运行 setState正在运行 setState正在运行 setState正在运行
..
失去对钩子功能状态更改的输入关注
当我在父函数中定义钩子状态时，我失去了在第一次按键上输入字段的关注.我需要在根函数中定义状态. import React, { useState } from 'react' function Test1(props) { const [test, setTest] = useState({value1: "", value2:""}); const Test = ()
..
使用Axios和Async/Await解析嵌套的JSON
我正在尝试从api获取数据，该api应该返回带有食谱数组的json对象.我在前端和Axios上使用React挂钩来执行请求.钩子运行了，但是尝试从响应中访问json数组时出现错误. 以下是示例api响应: { count: 30, recipes: [objects, ... 29] } 和我的代码以获取配方响应: const fetchRecipes = a
..
反应useEffect钩子和Async/await自己的获取数据功能?
我试图创建一个用于从服务器获取数据的函数，并且该函数有效. 但是我不确定这是否正确吗? 我使用 useState ， useEffect 和 Async/Await 创建了一个用于提取数据的功能组件: import React, { useState, useEffect } from "react"; const Fetch = () => { const [data,
..
有什么办法使本机ScrollView onScroll钩子产生动画?
我想将类的基础组件转换为用于动画的功能基础组件. https://snack.expo.io/@wyrustaaruz/animation-test-基于课程的 您可以使用小吃链接来更改代码. 您也可以在下面的行中查看代码. 这段代码在基于类的基础组件上运行良好. 我尝试了useRef，useState，但无法解决此问题. 这是我的功能基础链接: https://snack
..
使用去抖动的onChange处理函数设置输入值
在我的React Hooks应用程序中，我需要让用户在输入字段中键入1000毫秒。当1000毫秒到期时，将使用输入值发送API请求。 testFunc2（evt.target.value）} />
..
在React-Pose中创建一个简单的动画
我无法在React-Pose中创建简单的动画。这两个问题是 1）我无法使动画恢复到初始状态。鼠标离开时，悬停变量将更改为false，但动画不会变回原来的状态。 2）我无法操纵动画，我想持续时间更长，可能会轻松一些，但只是瞬间显示悬停状态。 import React， {useState} from'react'; 从“样式化的组件”样式化的导入；来自“反应姿势”的 进口；
..