21得票5回答
React中的事件驱动方法?

我想在一个组件中触发一个事件,让其他组件“订阅”该事件并在React中执行一些工作。 例如,在典型的React项目中,我有一个模型,从服务器获取数据并使用该数据呈现多个组件。interface Model { id: number; value: number; } const ...

12得票1回答
Hooks 和 Redux Saga

我正在学习redux hooks,并想知道如何与redux saga一起使用。目前saga中编写的代码如下。centers.js componentDidMount() { this.props.getCenters(); } ... <tbody> ...

16得票8回答
"Uncaught TypeError: destroy is not a function" React中的错误

现在我正在使用React.js构建应用程序。所有页面都可以正常工作,除了认证页面。成功登录后,它应该将用户带到主页,但是它出现了问题,并显示了空白页面。手动刷新后,它开始显示主页。 当我通过Chrome浏览器的开发工具检查应用程序时,它显示"Uncaught TypeError: destr...

8得票2回答
React类组件中的useEffect等效方法

我有一个React函数组件,它执行以下操作: 向我的API发送POST以加载原始数据 (在其他内容之间)将映射数据发送到自定义表格组件 允许用户使用不同的过滤器重新发送POST import React, { useEffect, useState } from "react"; im...

10得票2回答
React:useCallback返回值是否合适,或者这是一个不好的模式?

我有一个名为filterContactsByValue的函数。它是柯里化的,接收一个值和一个联系人列表,然后根据该值过滤列表并返回(新的)过滤列表。 由于该列表通常很大(10,000多个条目),Web应用程序应在智能手机上运行,并且过滤器考虑到许多值,我想优化计算资源。因此,我使用useDe...

11得票1回答
如何使用useReducer钩子测试组件?

约简器// src/reducers/FooReducer.js export function FooReducer(state, action) { switch (action.type) { case 'update': { return action.new...

12得票4回答
为什么useEffect会运行两次?

import { useContext, useEffect, useState } from 'react'; const Log = () => { useEffect(() => { console.log('Running ...') ...

10得票1回答
如何在'useEffect'钩子中获取最新组件变量的值?

如何在每个 'useEffect' 中使用变量(在组件范围内声明)的更新值? import React, { useState, useEffect } from 'react'; export default function Count() { const [count, s...

153得票2回答
如何使用useContext改变上下文的值?

使用 React 16.8+ 的 useContext 钩子可以很好地工作。你可以创建一个组件,使用该钩子,并利用上下文值而不会出现任何问题。 我不确定的是如何应用更改到上下文提供程序值中。 1)useContext 钩子是否严格是消费上下文值的一种方式? 2)是否有一种推荐的方式,使用...

18得票1回答
React Hooks常量的useMemo和useState区别

使用React hooks定义计算出的(初始化)常量可以通过两种看似功能相同的方式完成。我不想深入探讨这个用例,但可以说有时可以从初始props或状态中派生出不会预期改变的常量值(考虑路由数据、绑定调度等)。 首先,使用useStateconst [calculatedConstant] ...