Używam React i Redux do tworzenia aplikacji internetowej, a kiedy zaczynałem projekt, otrzymałem to:
Line 13: Unexpected use of 'location' no-restricted-globals
Search for the keywords to learn more about each error.Dużo szukam sposobu rozwiązania tego problemu, ale żadna ze znalezionych odpowiedzi nie pomogła mi, więc zwróciłem się do przepełnienia stosu.
Czy ktoś wie, jak naprawić ten błąd? Doceniam każdą pomoc, jaką mogę uzyskać.
Odpowiedzi:
Spróbuj dodać windowprzed location(tj window.location.).
location„mylącą przeglądarkę globalną”. Powiedziałbym, że jeśli używasz CRA i nie wiesz o obiekcie lokalizacji, jesteś na ziemi niczyjej. Może po prostu chcą, aby czytanie adresu URL było irytujące, co byłoby zrozumiałe ...
locationobiekt naprawdę jest mylącą przeglądarką globalną, dlatego potrzebuję window.prefiksu wszędzie ... github.com/facebook/create-react-app/issues/7733
To proste i może nie najlepsze rozwiązanie, ale działa.
W wierszu powyżej linii, w której pojawia się błąd, wklej to:
// eslint-disable-next-line no-restricted-globals
Być może mógłbyś spróbować przekazać lokalizację do komponentu jako rekwizyt. Poniżej używam ... otherProps. To jest operator rozprzestrzeniania i jest prawidłowy, ale niepotrzebny, jeśli przekazałeś swoje rekwizyty wyraźnie, że jest tam tylko jako miejsce do celów demonstracyjnych. Również badanie destrukturyzacji, aby zrozumieć, skąd ({lokalizacja}) się wzięło.
import React from 'react';
import withRouter from 'react-router-dom';
const MyComponent = ({ location, ...otherProps }) => (whatever you want to render)
export withRouter(MyComponent);/* eslint no-restricted-globals:0 */to inne alternatywne podejście