Z jakiegoś powodu nie mogę uruchomić selektora dat materiałów . Za każdym razem, gdy datepicker jest renderowany w React, generowany jest następujący błąd: RangeError: Łańcuch formatu zawiera nieskalowany znak alfabetu łacińskiego n Utworzyłem stackblitz za pomocą tylko datepicker (...
Jestem nowy, używając React, więc może to być naprawdę łatwe do osiągnięcia, ale nie mogę tego sam zrozumieć, chociaż przeprowadziłem pewne badania. Wybacz mi, jeśli to jest zbyt głupie. Kontekst Używam Inertia.js z adapterami Laravel (backend) i React (front-end). Jeśli nie znasz bezwładności,...
Korzystam z nowego haka useHistory React Router, który pojawił się kilka tygodni temu. Moja wersja React-routera to 5.1.2. Mój React jest w wersji 16.10.1. Mój kod możesz znaleźć na dole. Jednak kiedy importuję nowe useHistory z React-Routera, pojawia się ten błąd: Uncaught TypeError: Cannot read...
Korzystam z haka UseHistory w reakcji routera 5.1.2 na maszynopis? Podczas uruchamiania testu jednostkowego mam problem. TypeError: Nie można odczytać właściwości „historii” niezdefiniowanej. import { mount } from 'enzyme'; import React from 'react'; import {Action} from 'history'; import * as...
Mam na myśli dokumentację React Material-UI ( https://material-ui.com/components/autocomplete/ ). W kodzie demonstracyjnym <Autocomplete options={top100Films} getOptionLabel={(option: FilmOptionType) => option.title} style={{ width: 300 }} renderInput={params => ( <TextField...
Piszę projekt React w kodzie VS. Spotkałem ten problem w kodzie VS. W moim projekcie ten folder zawiera Zawiera wyróżnione elementy i wiem, że oznacza to błąd w moich plikach. Ale na zdjęciu , Sprawdziłem wszystkie pliki, ale nie znaleziono błędu. To sprawia, że czuję się...
Napisałem niestandardowy przycisk ( MyStyledButton) oparty na interfejsie materiałowym Button . import React from "react"; import { Button } from "@material-ui/core"; import { makeStyles } from "@material-ui/styles"; const useStyles = makeStyles({ root: { minWidth: 100 } }); function...
Mam aplikację reagującą (aplikacja A), utworzoną około 2 lata temu za pomocą aplikacji create-reag-app, która została wyrzucona. Aplikacja jest eksportowana jako moduł commonjs2 i dostarczana w pakiecie NPM do użycia w projekcie next.js (aplikacja B). Wszystko poszło gładko, dopóki nie...
Jestem nowy w Next.js i zastanawiam się, jak na przykład przekierować ze strony początkowej ( / ) do / hello-nextjs . Gdy użytkownik załaduje stronę, a następnie określ, czy ścieżka === / przekieruj do / hello-nextjs W React-Router robimy coś takiego: <Switch> <Route...
Ostatnio zacząłem używać TypeScript z Expo. Zrobiłem wszystkie integracje linijki / formatyzatora tak, typescript-eslintaby móc wychwycić większość błędów podczas kodowania. Aby sprawdzić, czy kod się kompiluje, uruchamiamnpx tsc co jakiś czas i odpowiednio naprawiam. Jedną z rzeczy, których...
Mam aplikację reagującą utworzoną przez aplikację create-reag-app. Po uruchomieniu npm start (skrypt startowy jest obecny w pakiecie.json jako „start”: „skrypt reagujący start”) konsola mówi: Uruchomienie serwera programistycznego jak zwykle i uruchomienie przeglądarki. Ale potem zarówno konsola,...
Podczas próby uzyskania dostępu do komponentu logowania mojej aplikacji MERN w wersji produkcyjnej pojawia się seria następujących błędów typu pokazanych na tym obrazie: Moja aplikacja ( https://github.com/ahaq0/kumon_schedule ) działa idealnie lokalnie i działała doskonale dobrze hostowana na...
Próbuję załadować widok szczegółów na podstawie trasy reaktora-routera-dom, który powinien pobrać parametr URL (id) i użyć go do dalszego wypełnienia komponentu. Moja trasa wygląda /task/:idi mój komponent ładuje się dobrze, dopóki nie spróbuję pobrać: id z adresu URL w następujący sposób:...
Widzę, że React.forwardRef wydaje się być usankcjonowanym sposobem przekazywania referencji do potomnego komponentu funkcjonalnego, z dokumentów reakcji: const FancyButton = React.forwardRef((props, ref) => ( <button ref={ref} className="FancyButton"> {props.children}...
Próbuję utworzyć nowy projekt za create-react-apppomocą polecenia podanego w dokumentacji, npx create-react-app my-appale nie zawiera folderów takich jak public srci
Haczyki React dają nam opcję useState i zawsze widzę porównania Hooks vs Klasa-Stan. Ale co z hakami i niektórymi regularnymi zmiennymi? Na przykład, function Foo() { let a = 0; a = 1; return <div>{a}</div>; } Nie użyłem Haków, a to da mi takie same wyniki jak: function Foo() {...
Chcę użyć Autocompletekomponentu do tagów wejściowych. Próbuję pobrać tagi i zapisać je w stanie, aby później móc je zapisać w bazie danych. W reakcji używam funkcji zamiast klas. Próbowałem onChange, ale nie uzyskałem żadnego rezultatu. <div style={{ width: 500 }}> <Autocomplete...
Interesuje mnie, jak zaimplementować OAuth w React za pomocą popup ( window.open). Na przykład mam: mysite.com - tutaj otwieram wyskakujące okienko. passport.mysite.com/oauth/authorize - wyskakujące okienko. Główne pytanie brzmi: jak utworzyć połączenie między window.open(wyskakującym oknem)...
Tworzę udostępnioną bibliotekę komponentów React. Biblioteka zawiera wiele komponentów, ale użytkownik końcowy może potrzebować tylko kilku z nich. Gdy pakiet jest pakowany w pakiet Webpack (lub Paczkę lub Pakiet), tworzy on jeden plik z całym kodem . Ze względu na wydajność nie chcę, aby cały...
Przejrzałem definicje dwóch takich jak: Czyste funkcje to takie, które nie próbują zmieniać swoich danych wejściowych i zawsze zwracają ten sam wynik dla tych samych danych wejściowych. Przykład function sum(a, b) { return a + b; } A funkcja zanieczyszczona to taka, która zmienia własne dane...