Więc za każdym razem, gdy kliknąłem łącze Wyświetl profil

 <Link to={`/profile/${_id}`} className="btn btn-primary">
                View Profile
 </Link>

W adresie URL pokazuje identyfikator użytkownika profilu, który jest dobry.

Ale za każdym razem, gdy klikam go, aby dopasować go do tego przycisku, pojawia się błąd.

const Profile = ({ getProfileById, match }) => {
useEffect(() => {
    getProfileById(match.params.id);
}, [getProfileById]);

return <div>test</div>;

};

Wsiadam do konsoli

React Hook useEffect has a missing dependency: 'match.params.id'. Either include it or remove the dependency array

To jest w mojej aplikacji Js.

   <Route
         exact
         path="/profile/:id"
         component={Profile}
     />

Wydaje mi się, że nie pasuje do adresu URL przycisku, który kliknąłem.

Aw Redux Devtools zwraca tylko błąd profilu.

2
Jm Macatangay 28 czerwiec 2020, 12:30

2 odpowiedzi

Najlepsza odpowiedź

Udało mi się dowiedzieć, co jest nie tak. Jest w moim API. Próbuję trafić do .get w moim API

enter image description here

Ale w moim API jest wskazana łatka. tutaj wprowadź opis obrazu

I zmieniłem to, aby uzyskać. tutaj wprowadź opis obrazu

I to działa.

enter image description here

0
Jm Macatangay 29 czerwiec 2020, 07:22

W tym przypadku reguła linter, która generuje ostrzeżenie: React Hook useEffect has a missing dependency: 'match.params.id'. Either include it or remove the dependency array, mówi ci, że masz inną zależność. Użyj tego zamiast tego:

const Profile = ({ getProfileById, match }) => {
useEffect(() => {
    getProfileById(match.params.id);
}, [getProfileById, match.params.id]);

return <div>test</div>;

Linter nie przeszukuje całej aplikacji, aby określić, gdzie i jak jest używany match. Nie mógł również wiedzieć, jak zamierzasz go używać w przyszłości, w wyniku czego prosi o umieszczenie go w tablicy zależności wraz z getProfileId.

Jeśli zaimportowałeś getProfileId lub umieściłeś go poza komponentem zamiast przekazywać go jako rekwizyt, możesz bezpiecznie usunąć getProfileId z zależności. Wszystko to oznacza, że ustalenie, co znajduje się wewnątrz tablicy, wymaga nieco dodatkowego zrozumienia. Dan Abramov napisał świetny post na blogu, który pomógł mi określić, kiedy i jak używać tablica zależności. Ten post może być dobrym miejscem na początek, jeśli uznasz, że post Dana jest zbyt obszerny, ponieważ dotyczy bardziej uogólnionych koncepcji pisania odpornych komponentów.

0
jme11 28 czerwiec 2020, 10:11