سلام و خسته نباشید به همه دوستان
من تو صفحه ای که اطلاعات کتاب رو نمایش میده به یک اروری خوردم
کد صفحه من
import React, { useContext, useState, useEffect } from "react";
import { useParams, Link } from "react-router-dom";
import { GlobalState } from "../../../GlobalState";
function Book() {
const params = useParams();
const state = useContext(GlobalState);
const [books] = state.booksAPI.books;
const [book, setBook] = useState([]);
const [categoreis] = state.categoreisAPI.categoreis;
const [category, setCategory] = useState([]);
useEffect(() => {
if (params.id) {
books.forEach((book) => {
if (book._id === params.id) setBook(book);
});
categoreis.forEach((category) => {
if (category._id === book.category) setCategory(category);
});
}
}, [params.id, books, categoreis]);
return (
<div className="container-fluid">
<div className="col-md-8">
<h2 className="f7">{book.title}</h2>
<div className="content row margin-top40">
<p className="info col-md-6">
<span className="field-value">{category.name}</span>
</p>
</div>
</div>
</div>
);
}
export default Book;
اینم اخطاری که تو ترمینال vscode میگیرم
WARNING in [eslint]
src\components\body\books\Book.js
Line 34:6: React Hook useEffect has missing dependencies: 'book.category'. Either include them or remove the dependency array react-hooks/exhaustive-deps
الان همه چیزش به درستی داره کار میکنه و کتگوری های مربوط به هر کتاب رو میتونم تو صفحه مربوط به خودش نمایش بدم
ولی وقتی میرم به یه صفحه مربوط به کتاب دیگه اسم کتگوری از بین میره و با رفرش کردن اون صفحه میادش😐
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟