如何从UseEffect挂钩返回值

文章/答案/技术大牛

发布

3回答

reactjs、arguments、parameter-passing、use-effect

我计划将lat和long数据传递到代码的其他部分，这就是我尝试从useEffect钩子中检索它的原因。useEffect(() => { console.log("Available"); } else {

浏览 83提问于2021-07-15得票数 2

回答已采纳

1回答

如何创建需要设置异步事件侦听器的挂钩。从本质上讲，我使用的是一个带有listen函数的库，该函数将一个promise返回给一个函数，然后对该事件执行unlisten操作。我想要的是这样的： const useEvent = (eventName, callback) => { const unlisten = awaitlisten(eventName, callback); } } 但我不能轻易地将await封装在一个

浏览 14提问于2021-04-08得票数 0

1回答

React: useState - if语句中的值不正确

javascript、reactjs、react-hooks、state

然而，console.log已经总是只返回值"1"，这实际上并不对应于当前状态。然而，在useEffect中，状态总是正确输出的。问题不在useEffect。这是函数"checkKey“。currentPage); } } 使用useEffect(此处使用自定义钩子稍作更改，但功能相同，返回值始终正确

浏览 37提问于2021-11-21得票数 0

2回答

如何使用react自定义钩子重用从api获取数据的逻辑

javascript、reactjs、react-hooks

[ loading, setLoading ] = useState(false); setLoading(false); }); } 如何将产品和加载状态从此

浏览 8提问于2019-06-12得票数 0

2回答

在useEffect中，不提供依赖数组和提供空依赖数组有什么区别？

reactjs、react-hooks、use-effect

我估计useEffect钩子是在每次渲染之后运行的，如果提供了一个空的依赖数组： performSideEffect();但是这和下面的有什么不同呢useEffect(() => {}); 注意末尾缺少[]。linter插件不会抛出警告。

浏览 10提问于2019-10-27得票数 83

回答已采纳

1回答

如何才能仅从useeffect获取更新值，而不首先返回初始值null？

reactjs、authentication、axios、react-hooks、use-effect

我正在创建一个auth挂钩，它检查用户是否通过了服务器的身份验证，并返回值。export function useAuth() { useEffect现在我的问题是:有没有办法在不使用use useeffect的情况下只接收react中的更新值(我尝试过useLayoutEffect，但它也不起作用)？

浏览 37提问于2021-09-22得票数 0

回答已采纳

1回答

在应用程序启动时没有更新的状态

javascript、reactjs、zustand

当首次加载应用程序时，将调用useEffect()，但状态更新不会导致重发。但是，只有在启动时才会发生这种情况，如果我在另一个屏幕上导航并返回到它，那么每一件事情都会发生。const fetch = async () => {}; useEffect(()

浏览 5提问于2022-08-16得票数 0

1回答

Firebase在页面加载时加载数据，而不是单击React时加载数据

javascript、reactjs、firebase

我遇到了一个问题，Firebase仅在函数中的组件被单击后才加载react页面的数据。这是我的容器头代码，它映射了来自firebase firestore数据库的3个小部件和3个与这些小部件相同的硬编码卡片。import HeaderCard from "./HeaderCard";import './sidebar.css'import Widget from

浏览 2提问于2020-06-26得票数 0

1回答

如何从useEffect内部的承诺中回归

javascript、react-native

useEffect(() => { const orientationPromise = setScreenOrientationconst deviceType = useDeviceType(); return null;控制台：我可能很难理解useEffect如果是这样的话，那么我如何能够在setScreenOrientation中使用该

浏览 6提问于2021-11-24得票数 0

回答已采纳

1回答

Gatsby中的React挂钩:无效的挂钩调用

javascript、reactjs、gatsby、react-hooks

You might have more than one copy of React in the same app// file: use-previous.js

浏览 3提问于2019-03-27得票数 6

回答已采纳

3回答

如何获取数据并在useEffect()中使用它？

reactjs、react-native

我试图从API获取数据并用数据设置状态，但是当我使用子组件中的数据时，我得到了一个[Unhandled promise rejection: TypeError: null is not an object我认为这是因为数据不是从API接收的。我尝试添加一个"isLoading“状态，并仅在其为false时返回ChildComponent，但我仍然收到相同的警告(这可能是因为useEffect中的setNewProp在从API接收数据时没有更新then((response) => {

浏览 97提问于2020-07-03得票数 1

2回答

承诺函数延迟状态变量

javascript、reactjs、promise

如何毫不迟延地从允诺函数中正确地存储值？这是一个问题，如果用户正在验证他的手推车，一个错误的税可能会被使用。useEffect(() => { setTax(tax.rate); }

浏览 7提问于2021-12-29得票数 -1

回答已采纳

1回答

你能在没有扩展组件的React类上使用componentDidMount()吗？

javascript、reactjs

我创建了React类，如下所示： componentDidMount() { } ...}

浏览 0提问于2021-03-06得票数 0

1回答

如何使用多个API调用的？

reactjs

我试图了解如何在我的新项目中使用React，并且我正在寻找一些指导，因为我没有找到明确的答案。我有一个表单，它需要来自3个单独API调用的数据。目前，我已经创建了3个挂钩，比如useGetDataSource1、useGetDataSource2和useGetDataSource3，它们用useEffect包装API调用。此外，我还在名为useGetSettings的附加钩子中封装了这3个钩子的用法，并添加了useEffect，以将此逻辑从表单代码中分离出来。对吗？目前，我已经创建了4个挂钩

浏览 1提问于2020-03-06得票数 1

4回答

React \React缺少一个依赖项

reactjs、react-hooks

为此，我将useEffect '[]‘的第二个参数设为空列表。没有什么能阻止它工作，但是我从ESLint规则中得到了一个警告：React useEffect缺少一个依赖项：'changeCount‘。要么包含它，要么删除依赖数组Resive-挂钩/详尽-deps。如何删除此警告？const App = ({UserStore:{setCount, count}}) => { setCount();

浏览 6提问于2021-02-13得票数 4

回答已采纳

2回答

在react项目中运行两次警报

javascript、reactjs、jsx

我的警报无效登录是运行两次在我的反应项目，我不知道为什么。在与服务器端进行身份验证时，我将得到一个响应为true或false，并将其设置为userLogin。 alert("Invalid Login, Please Try Again."); document.getEl

浏览 0提问于2020-08-09得票数 0

回答已采纳

1回答

如何使用UseEffect钩子外部的项(函数)？

reactjs、react-hooks

以下是有关的守则： setStart(start + count); axiosstart}`) fetchImages(); }, []); 如何在fetchImages挂钩之外使用useEffect？

浏览 3提问于2022-03-25得票数 1

1回答

useQuery钩与useEffect钩的反应

reactjs、react-hooks、react-query

当一个useQuery钩子被触发时，我如何等待一个useEffect钩子完成？我有一个相当复杂的功能组件，我正在触发一个useEffect挂钩，它的依赖关系来自一个祖父母功能组件。useQuery钩子和useEffect钩子都成功地工作了。但是，当触发useEffect钩子时，它不会等到查询完成后才执行useEffect调用的函数。我可以使用.then()，但是需要调用的函数将在.then()中，以及如何从useEffect

浏览 5提问于2022-01-06得票数 1

3回答

API数据未显示在组件中，但显示在控制台中

javascript、reactjs

const Comp= () => { fetch

浏览 22提问于2021-03-04得票数 1

回答已采纳

2回答

如何使用功能组件中的React钩子确保一行代码只执行一次？

reactjs、react-hooks、react-functional-component

我如何使用钩子来做这件事？

浏览 68提问于2020-08-05得票数 0

回答已采纳

点击加载更多