我的组件有三个属性。urlText是一个字符串，setSelectedText是从connect()和clearPage更新状态的redux操作，后者是清除状态的另一个redux操作。 我只想在urlText更改时更新状态。我想在卸载时清除状态。 I get this eslint warning `react-hooks/exhaustive-deps: React Hook useEffect has missing dependencies: setSelectedText`
warning `react-hooks/exhaustive-deps: React Hook use
浏览 17提问于2020-10-29得票数 1
回答已采纳
下面是我的组件函数： function RosterRows(props){
const [rosterList,setRosterList]=useState({});
const getData=async ()=>{
let roster=new Roster();
let rosterData=await roster.get(props.rosterYear,props.rosterMonth);
setRosterList(rosterData);
}
useEffect(()=>{
浏览 105提问于2020-12-01得票数 1
回答已采纳
npm启动后，我看到错误，当它出现时，网页是空白的：
[frontend] Line 21:6: React Hook useEffect has a missing dependency: 'register'. Either include it or remove the dependency array react-hooks/exhaustive-deps
[frontend]
[frontend] ./src/components/user/findProperty/FindProperty.js
[frontend] Line 47:6: Reac
浏览 6提问于2021-10-04得票数 0
2回答
码头代码放在下面。
FROM node:16.9.1-alpine as build
WORKDIR /app
# Copy required files/folders to docker directory
COPY package.json /app
COPY package-lock.json /app
COPY lerna.json /app
COPY yarn.lock /app
COPY babel.config.js /app
COPY shared /app/shared
COPY projects/tt-core /app/projects/tt-core
# Inst
浏览 12提问于2022-09-06得票数 2
我不确定通过在依赖数组周围使用useEffect，这是否是一个有效的警告，似乎每当useEffect中的变量、方法或分派发出警告时，React都缺少依赖项：“active”、“retrieveUser”和“分派”。或者包括它们，或者删除下面示例中的依赖数组，如果我只是将它保留为空白数组来执行componentDidMount功能
useEffect(() => {
setActive(active);
await retrieveUser(param1, param2);
dispatch(someAction);
}, []). // warnin
浏览 2提问于2020-08-01得票数 1
回答已采纳
我试图使用Next.js为IPFS创建一个产品构建，当我试图运行yarn build时会遇到以下错误：
68:8 Warning: React Hook useEffect has a missing dependency: 'updateUI'. Either include it or remove the dependency array. react-hooks/exhaustive-deps
./components/ManualHeader.jsx
16:8 Warning: React Hook useEffect has a missing depend
浏览 5提问于2022-07-08得票数 0
1回答
我正在尝试使用数组状态作为反应性功能组件。
这是我试过的密码。
const inputLabel = Array(5).fill(React.useRef(null));
const [labelWidth, setLabelWidth] = React.useState(0);
React.useEffect(() => {
inputLabel.map((label, i) => {
setLabelWidth({...labelWidth, [i]: label.current.offsetWidth});
});
}, []);
浏览 0提问于2019-10-24得票数 4
回答已采纳
有一个代码如下所示：
const MyComponent: React.FC<MyComponentProps> = ({
trackMyChanges,
iChangeEverySecond
}) =>
{
// React Hook useEffect has missing dependencies: 'iChangeEverySecond'
useEffect(() => {
calculateData(trackMyChanges, iChangeEverySecond);
}, [tr
浏览 5提问于2020-02-12得票数 2
回答已采纳
在我的useEffect代码中，我分派了一个从片中获取的操作。
但是它会抛出错误"React Hook useEffect has missing dependencies“，因为在钩子内部我正在使用操作和分派
...
const { actions } = useDataListSlice();
....
useEffect(() => {
dispatch(actions.loadInitialState());
}, []);
我可以向依赖数组添加操作和分派，但我不确定在其中添加操作和分派是否正确
浏览 2提问于2021-06-15得票数 1
2回答
我有一个问题，原因是ESLINT输出控制台中的一个错误。我想解决控制台中的问题。请检查这里的代码框
更新问题
The 'callbackFunction' function makes the dependencies of useEffect Hook (at line 33) change on every render. Move it inside the useEffect callback. Alternatively, wrap the definition of 'callbackFunction' in its own useCallback
浏览 20提问于2021-04-13得票数 13
回答已采纳
2回答
我正在使用一个useEffect钩子，并且收到一个编译器错误，显示为React Hook useEffect has missing dependencies. Either include them or remove the dependency array react-hooks/exhaustive-deps
这两个函数都是这样写的。我想知道在这个实例中如何使用useCallBack钩子。我还没找到合适的东西。任何摆脱这些编译器警告的帮助都会得到重视！
浏览 2提问于2020-11-04得票数 0
我需要根据当前值更新React状态的当前值。但是，使用当前状态将触发警告：React Hook useEffect has a missing dependency。我怎样才能更新状态？
为了简单起见，假设我必须计算另一个状态更新的时间：
[myState, setMyState] = useState("");
[counter, setCounter] = useState(0);
useEffect(()=>{
setCounter(counter+1);
},[myState]) // React Hook useEffect has a missing de
浏览 3提问于2021-10-01得票数 0
回答已采纳
1回答
这是我的组成部分：
const FooComponent = () => {
const initFoo = {
attrOne: '',
attrTwo: '',
attrThree: '',
};
const fooContext = useContext(FooContext);
const { addFoo, hasFoo, currentFoo } = fooContext;
const [foo, setFoo] = useState(ini
浏览 3提问于2021-05-24得票数 0
回答已采纳
1回答
我似乎无法找到正确的方法来解决这个问题。想要得到警告的乘坐，而不是让内联忽略警告评论。可能useCallback正朝着解决方案的方向发展。我只想检查一次功能组件是否被初始化，如果商店需要，有条件的。仅此而已。
Line 72:6: React Hook useEffect has missing dependencies: 'dispatch' and 'storedSlugItems'. Either include them or remove the dependency array react-hooks/exhaustive-deps
useEff
浏览 13提问于2021-12-24得票数 0
回答已采纳
1回答
我很清楚Hook has missing dependency是什么，它意味着什么，以及为什么监视所有的依赖关系很重要，但是这个非常奇怪。
export function Compo() {
const [value, setValue] = useState<number>();
useEffect(() => {
setValue(Date.now());
}, []);
return (
<>{value}</>
);
}
工作很好，但是：
function useValue() {
return us
浏览 3提问于2020-11-20得票数 5
回答已采纳
我想在挂载组件时有意使用useEffect来执行一些代码。因此，我特意使用一个空数组[]作为依赖项。 由于我正在使用TypeScript (至少我认为这是原因)，我总是收到警告："React Hook useEffect has missing dependencies ...“ 我不想添加预编译器建议的所有依赖项，因为这会导致useEffect钩子的意外执行。 我如何才能在不添加(不需要的，在我看来是不必要的，甚至适得其反的)依赖项的情况下删除警告消息？
浏览 245提问于2021-09-26得票数 0
我正在尝试在redux中设置某种初始化状态，这样当应用程序加载时，应用程序将从redux (使用thunk)获取一些数据，并获取这些数据。
所以我只需要它一次，为此我在useFffect参数中放入了[]，但我得到了以下错误：
Line 32:6: React Hook useEffect has missing dependencies: 'dispatch' and 'init'. Either include them or remove the dependency array react-hooks/exhaustive-deps
我无法将use
浏览 51提问于2020-02-23得票数 0
回答已采纳
1回答
从以下两个问题中，我了解到useRef不需要添加更新依赖项。
我看过的相关问题：
但是，当useRef用作props时，eslint总是警告hook缺少依赖关系？
import { useCallback, useEffect, useRef } from 'react';
const One = ({ refEl }) => {
const clickHandler = useCallback(e => {
refEl.current = 1111;
}, []); //⚠️ React Hook useCallback has a miss
浏览 1提问于2022-03-01得票数 0
1回答
function Demo(props：{count: number}) {
const [count, setCount] = useState(0);
const [text, setText] = useState('');
const [a, setA] = useState('');
useEffect(() => {
monitor(props.count, count, text, a);
}, [props.count, count]);
return (
<div>
&l
浏览 5提问于2022-01-04得票数 0
我使用useEffect存储初始数据
export const ChannelConfig = (id) => {
const history = useHistory();
const dataUrl = "/channel/"+id;
useEffect(() => {
fetch(dataUrl + "/configure")
.then((resp) => {
if (resp.ok) {
return resp
浏览 5提问于2020-06-03得票数 0
2回答
我尝试在useEffect中更新数据，但在控制台中显示警告。
React Hook useEffect has missing dependencies: 'dispatch', 'id', and 'state.selectedHotel'. Either include them or remove the dependency array react-hooks/exhaustive-deps
码
import { GlobalContext } from "../../../context/globalContext";
浏览 10提问于2021-06-24得票数 2
回答已采纳
1回答
React缺少一个依赖项：
、、、、
我正在构建一个带有react的get应用程序，我收到了这样的警告：
src\Containers\App.js
Line 30:6: React Hook useEffect has a missing dependency: 'API_KEY'. Either include it or remove the dependency array react-hooks/exhaustive-deps
Line 36:6: React Hook useEffect has a missing dependency: 'API_KEY'. Either
浏览 4提问于2021-08-12得票数 1
回答已采纳
我在useEffect钩子中做一个fetch请求。这是它看起来的样子。 useEffect(() => {
// clear prev state
setUniqueValues([]);
setLoading(true);
// get unique values and set field values;
jwtAxios
.post(`${baseURL}/support/get_unique_values`, {
field: fieldName,
catalog_id:
浏览 15提问于2021-09-14得票数 0
回答已采纳
React Hook useEffect has a missing dependency: 'match.params.id'. Either includes it or remove the dependency array, this is the error I continuously get while using useEffect
useEffect(() => {
const fetchData = async () => {
let data = await getPost(match.params.id);
浏览 6提问于2022-03-16得票数 0
我已经阅读了useEffect文档，我不明白为什么我在useEffect中使用的每个变量和函数都会收到警告，但我并不依赖它们。
在这里考虑我的useEffect
const [updatedComm, setUpdatedComm] = useState<ICommunication>(props.comm)
const [isEditOn, setIsEditOn] = useState<boolean | false>(false)
const getPublishedComm = () => { /* function implementation */ }
浏览 0提问于2020-04-08得票数 2
3回答
我正在开发一个react网站来帮助TFserving
在我的文件home.js中，下面的行中有一个错误
useEffect(() => {
if (!preview) {
return;
}
setIsloading(true);
sendFile();
}, [preview]);
错误消息：-
React Hook useEffect has a missing dependency: 'sendFile'. Either include it or remove the dependency array.
浏览 9提问于2022-03-23得票数 0
回答已采纳
我得到了这个错误，我真的不能解决它： src/api/ConnectApi.js
Line 25:8: React Hook useEffect has missing dependencies: 'apiurl', 'dataState', and 'fetch'. Either include them or remove the dependency array. You can also do a functional update 'setDataState(d => ...)' if you only n
浏览 52提问于2021-08-04得票数 0
回答已采纳
3回答
假设我使用useEffect在初始渲染时预取数据：
function myComponent(props) {
const { fetchSomething } = props;
...
...
useEffect(() => {
fetchSomething();
}, []);
...
...
}
我的林特警告我"React Hook useCallback has missing dependencies“。它希望我将fetchSomething放在依赖数组中。
问题是，即使它的fetchSomethi
浏览 2提问于2019-06-02得票数 2
2回答
我正在设计一个钩子，只有当钩子依赖项发生变化时才能获取数据。与预期的一样工作，但我收到链接警告：
React Hook useEffect was passed a dependency list that is not an array literal. This means we can't statically verify whether you've passed the correct dependencies.
和
React Hook useEffect has missing dependencies: 'data', 'errorHa
浏览 15提问于2019-09-18得票数 4
回答已采纳
我通过useAxios钩子使用React API钩子来获取组件加载时的useEffect数据。代码如下(简化)：
const [formData, setFormData] = useState<FormData>();
const [{ , executeGet] = useAxios('', {
manual: true,
});
const getFormData = async () => {
let r = await executeGet({ url: `http://blahblahblah/`});
retur
浏览 19提问于2020-05-17得票数 0
回答已采纳
对这个琐碎的问题(也许)很抱歉，但我已经打了好几个小时了。哪里出错了？
import axios from 'axios';
import React, { useEffect, useState } from 'react'
import { SingleCoin } from '../config/api';
const {id} = useParams();
const [coins, setCoins] = useState();
const {currency, symbol} = CryptoState();
useEff
浏览 18提问于2022-07-03得票数 0
回答已采纳
我理解，useEffect需要依赖项数组中的依赖项，但是当我将其与useState结合时，将有一个无限循环：
const [valid, setValid] = useState(false);
useEffect(() => {
setValid(true);
}, [valid]};
这就是为什么我用它就像：
useEffect(() => {
setValid(true);
}, []};
因此，我得到：
React Hook useEffect has a missing dependency: 'setValid'.
我怎么才能摆脱警告呢？
浏览 4提问于2021-03-14得票数 0
回答已采纳
1回答
我正试着写一个定制的抓取钩子，但我想我遗漏了什么。
import React, { useContext } from 'react';
import { Context } from "../components/context";
const fetchHook = async(url: string, bearer: string, method: string, body: any ) => {
const { global } = useContext(Context) as {global: any};
let headers
浏览 2提问于2019-10-04得票数 1
回答已采纳
我正在收到缺少依赖的警告。
React Hook useEffect has a missing dependency: 'fetchFeatured'. Either include it or remove the dependency array
我的代码
useEffect(() => {
const fetchFeatured = () => {
onSnapshot(faeturedCollectionRef, (snapshot) =>
setFeatured(snapsho
浏览 5提问于2022-06-08得票数 0
回答已采纳
1回答
目前，我只是简单地在useEffect钩子中调用它，而不是将它作为依赖项，因为我只想让它运行一次。然而，这给了React Hook useEffect has a missing dependency: 'dispatch'.我是否应该将调度添加到依赖项中，或者是否有更好的做法？ useEffect(() => {
dispatch(handleGetUser());
}, []);
浏览 11提问于2020-04-27得票数 0
回答已采纳
与我有关的进口货品如下-
来源：
import { useDispatch, useSelector } from "react-redux"
import {
fetchPokemonNameUrl,
NUMBER_OF_POKEMON,
selectorPokemon,
} from "./pokemonCardsSlice"
const dispatch = useDispatch()
const pokemonList = useSelector(selectorPokemon)
我有一个useEffect块如下-
useEffec
浏览 2提问于2020-05-11得票数 3
回答已采纳
我正在上开发一个反应本机项目.
由于某些原因，我的Visual代码开始自动填充代码以解决林特错误。
例如，我使用useEffect钩子只运行一次代码(因此我需要传递一个空数组作为useEffect的第二个参数)。代码如下：
useEffect(() => {
...
// imaging my code here has 'foo', 'bar', etc variables
...
...
return () => {
console.log('Screen did unmoun
浏览 2提问于2020-11-25得票数 1
回答已采纳
在我的React应用程序中，我有一个redux存储，它包含弹出状态，具有以下模型：
stateFilter: {
visible: false
}
在我的页面上，我得到了弹出的状态：
const mapStateToProps = ({ list }) => ({
visible: list.stateFilter.visible
});
我想查询一个数据库，以便使用状态变量进行筛选。我只想在弹出窗口接近时在我的动作中运行这个函数。为此，我利用了useEffect钩子：
useEffect(() => {
if (!visible) {
se
浏览 5提问于2021-08-27得票数 1
我正在学习React，我试图使用breaking中的一个API，它给了我一个带有id，name，img和其他东西的对象。我已经可以使用console.log查看对象，但不能在页面中呈现它的特定部分。 以下是对象的显示方式： 0: {char_id: 3, name: "Skyler White", birthday: "08-11-1970", occupation: Array(4), img: "https://s-i.huffpost.com/gen/1317262/images/o-ANNA-GUNN-facebook.jpg", …}
浏览 51提问于2020-07-01得票数 0
回答已采纳
我正试图清除DOM中的警告，对于每一个DOM为[]的[]，我都会得到一个错误，说明useEffect缺少一个依赖项。我想在组件挂载时触发效果，而我的印象是这样做的。如果是这样的话，为什么要警告呢？
下面是我使用的简单代码
useEffect(() => {
setDispContext("NEW");
}, []);
警告为React warning React Hook useEffect has a missing dependency: 'setDispContext'. Either include it or remove the depe
浏览 0提问于2021-02-02得票数 2
回答已采纳
const fetchUsers = async () => {
const result = await axios.get(
`http://localhost:3001/get_users/per_page/10/page_number/0`
);
setUsers([...users, ...result.data.users]);
setListUsersQueryState("complete");
};
useEffect(() => {
fetchUsers();
}, []);
浏览 10提问于2019-08-13得票数 0
这是我的文件： // useFetcher.js
import { useEffect, useState } from "react";
export default function useFetcher(action) {
const [loading, setLoading] = useState(false);
const [error, setError] = useState(null);
const [data, setData] = useState(null);
async function loadData() {
try {
浏览 381提问于2019-10-01得票数 0
回答已采纳
1回答
当我尝试删除Line 83:6: React Hook useEffect has a missing dependency: 'setLoadingStatus'. Either include it or remove the dependency array消息时，我遇到了递归钩子调用的问题。 我有一个钩子来设置我的应用程序的“加载”状态： export const useLoadingStatus = () => {
const [
{
progressBar: { isLoading, ...pbp },
},
dis
浏览 21提问于2021-02-02得票数 1
我正在使用ReactJS和谷歌FireStore创建一个简单的股票投资组合跟踪应用程序。如何在不触发警告"React Hook has a missing dependency“的情况下从useEffect中访问数据库函数？我尝试过使用useCallback，但到目前为止还没有成功。或者可以忽略这些警告？
var db = firebase.firestore();
useEffect(() => {
//get user's cost averages from db
if (props.userStatus) {
db.collect
浏览 4提问于2021-10-23得票数 1
import { io } from "socket.io-client";
import { useState, useEffect } from "react";
const Game = () => {
const [socket, setSocket] = useState(null);
const [name, setName] = useState("");
const [room, setRoom] = useState("");
useEffect(() => {
setS
浏览 4提问于2021-12-13得票数 0
在useEffect的依赖数组中定义setState值的想法是什么？
const [someState, setSomeState] = useState();
...
useEffect(() => {
// Do something
setSomeState('some value');
}, [setSomeState]);
React Hook useEffect has a missing dependency: 'setSomeState'.
Either include it or remove the dependency arra
浏览 4提问于2020-01-13得票数 18
回答已采纳
在useEffect()中，我做了一些键，然后尝试调用不在useEffect()块中的函数addKeysToState()，这会导致错误。
我尝试在addKeysToState()末尾的数组中添加'addKeysToState‘和addKeysToState()，但是没有结果。
我得到的错误是..。
React Hook useEffect has a missing dependency: 'addKeysToState'. Either include it or remove the dependency array react-hooks/exhaustive
浏览 0提问于2019-07-28得票数 1
回答已采纳
每当使用react钩子挂载我的组件时，我都想获取我的类别，而不是每次重新渲染时都使用useEffect。但我一直收到这样的警告React Hook useEffect has a missing dependency:'dispatch'。
下面是我的代码：
const categories = useSelector(state => state.category.categories);
const dispatch = useDispatch();
useEffect(() => {
console.log('effecting');
浏览 4提问于2019-12-16得票数 8
1回答
React中的状态缺少一个依赖项
、、、、
如何删除类似此错误src\components\pages\badge\BadgeScreen.tsx Line 87:6: React Hook useEffect has a missing dependency: 'loadData'. Either include it or remove the dependency array react-hooks/exhaustive-deps的警告？
这是我的代码：
const location = useLocation();
const { badge }: any = location.state;
c
浏览 4提问于2022-02-15得票数 -1
我正在尝试使用useNavigation()钩子与react导航进行交互，以响应我在useEffect()中注册的回调。临时器警告我，useEffect()缺少依赖项。如果我添加导航钩子作为依赖项，效果将继续运行。我试图避免这种情况，并且想知道除了忽略linter错误之外，是否还有其他正确的方法。
如果不提供依赖数组，则会导致相同的行为，即效果会持续激发。
这可能是react-navigation-hooks包中的useNavigation()钩子如何工作的潜在问题。
function MyComponent() {
const navigation = useNavigation()
浏览 43提问于2019-05-22得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
