Chcę zrozumieć, jaki jest bardziej ogólny lub poprawny sposób obsługi błędów w React-Redux. Załóżmy, że mam komponent do rejestracji numeru telefonu. Ten składnik zgłasza błąd, jeśli wprowadzony numer telefonu jest nieprawidłowy Jaki byłby najlepszy sposób na poradzenie sobie z tym błędem?...
Mam aplikację React (nie używającą aplikacji Create React) zbudowaną przy użyciu TypeScript, Jest, Webpack i Babel. Podczas próby uruchomienia „przędzy jest” pojawia się następujący błąd: Próbowałem usunąć wszystkie pakiety i ponownie je dodać. To nie rozwiązuje tego. Przejrzałem podobne pytania...
Tworzę jednostronicową aplikację React i zauważyłem, że przywracanie przewijania nie działa zgodnie z oczekiwaniami w Chrome (i może w innych przeglądarkach). W repozytorium reag-router-dom github mają stronę z informacją, że przeglądarki zaczynają natywnie obsługiwać przewijanie dla aplikacji na...
Facet, mam problem. Mam dane dwuwymiarowe. Dane mają zagnieżdżoną strukturę, która zawiera łącza. const data = [ // First Div Panel [ { id: 1, url: "/services", title: "Services" }, { id: 2, title: "Products", children: [ { id: 3, url: "/themes-templates", title: "Themes &...
TL; DR Skąd komponent nadrzędny może wiedzieć, kiedy renderowanie każdego komponentu podrzędnego pod nim zakończyło się, a DOM jest widoczny dla użytkownika w jego najnowszej wersji? Powiedzmy, że mam komponent component Apotomny Gridskładający się z 3x3komponentów wnuka. Każdy z tych...
Zrobiłem prosty <If />komponent funkcji za pomocą React: import React, { ReactElement } from "react"; interface Props { condition: boolean; comment?: any; } export function If(props: React.PropsWithChildren<Props>): ReactElement | null { if (props.condition) { return...
Podczas uruchamiania projektu w przeglądarce wystąpił następujący błąd: Nie udało się skompilować: ./node_modules/@material-ui/lab/esm/internal/svg-icons/Close.js Attempted import error: 'createSvgIcon' is not exported from '@material-ui/core/utils'. Próbuję zaimplementować składnik...
Zainstalowałem material-ui / lab, aby użyć komponentu alertu, ale za każdym razem, gdy go importuję: import Alert from '@material-ui/lab/Alert';kompilacja nie powiodła się i generuje ten błąd: ./node_modules/@material-ui/lab/esm/internal/svg-icons/SuccessOutlined.js Attempted import error:...
To jest mój komponent Używam wbudowanej funkcji strzałki do zmiany trasy onClickdiv, ale wiem, że nie jest to dobry sposób pod względem wydajności 1. Funkcja strzałki w linii changeRoute (routeName) { console.log(routeName) } render() { return ( <> <div onClick={() =>...
Robię niestandardowy hak, który ma toogle, gdy zmieni się jakiś stan. Powinieneś być w stanie przekazać dowolny stan w tablicy. import { useState, useEffect } from 'react' const useFlatListUpdate = (dependencies = []) => { const [toggle, setToggle] = useState(false) useEffect(() => {...
Próbuję skompresować kod napisany za pomocą Next.js przy użyciu Gzip dostarczyć z Nginx i serwerem NodeJS. Wygląda na to, że konfiguracja działa, gdy używam curl -H "Content-Encoding: gzip"do weryfikacji. Ale przejdź do prawdziwej przeglądarki (Chrome, Firefox). Nie mogę znaleźć...
Korzystam z interfejsu użytkownika materiału SwipeableViews korzystającego z pakietu ReactSwipableView, ten błąd pojawia się na konsoli reag-dom.development.js: 12466 Ostrzeżenie: zmieniono nazwę componentWillReceiveProps i nie jest zalecane do użycia. Zobacz szczegóły. Przenieś kod...
Próbuję wymyślić, jak wyświetlać znacznik czasu w sklepie z aplikacjami. Mam dokument ze sklepu ogniowego z polem o nazwie utworzony. Próbuję dołączyć go do listy wyników (wyodrębniając odpowiednie bity tutaj, abyś nie musiał czytać całej listy pól). componentDidMount() { this.setState({...
Google pokazuje powyższe 3 wyskakujące okienka użytkownikom, gdy próbują się zarejestrować za pomocą Google na mojej stronie, ale nie wyświetla mi tego samego wyskakującego okienka, gdy próbuję się zarejestrować. Widzę tylko to - Te 3 osobne wyskakujące okienka powodują ogromne rezygnacje...
Próbowałem obejść ten problem, ale nie znalazłem na to silnej odpowiedzi. Próbuję wykonać mutację logowania przy użyciu haka useMutation. TLDR; Chcę wiedzieć, jaka dokładnie jest różnica między onError przekazywanym w opcjach a błędem podanym mi przez useMutation Oto mój fragment kodu const...
Renderuję komponenty z mojej biblioteki wzorców zewnętrznych (node_modules). W mojej głównej aplikacji przekazuję moją Linkinstancję react-router-domdo komponentu bibliotek zewnętrznych w następujący sposób: import { Link } from 'react-router-dom'; import { Heading } from...
Próbuję dowiedzieć się, jak uzyskać nazwę użytkownika, który jest atrybutem przechowywanym w kolekcji użytkownika, która została połączona z atrybutami utworzonymi przez model uwierzytelniania bazy ogniowej. Mogę uzyskać dostęp do authUser - co daje mi ograniczone pola, które baza ogniowa zbiera...
Mam przypadek, gdy muszę wiedzieć, czy użytkownik jest zalogowany, czy nie, zanim strona zostanie renderowana po stronie serwera i odesłana do mnie za pomocą Next.js, aby uniknąć migotania zmian w interfejsie użytkownika. Byłem w stanie dowiedzieć się, jak uniemożliwić użytkownikowi dostęp do...
Próbuję naśladować inne mobilne aplikacje do czatowania, w których po wybraniu opcji send-message tekstowego i otwarciu wirtualnej klawiatury nadal wyświetla się najniższa wiadomość. Wydaje się, że nie ma sposobu, aby zrobić to z CSS w zadziwiający sposób, więc JavaScript resize(jedyny sposób, aby...
Staram się useEffectdogłębnie zrozumieć hak. Chciałbym wiedzieć, kiedy użyć której metody i dlaczego? 1.useEffect with no second paraments useEffect(()=>{}) 2.useEffect with second paraments as [] useEffect(()=>{},[]) 3.useEffect with some arguments passed in the second parameter...