Pytania otagowane jako reactjs

React (znany również jako React.js lub ReactJS) to biblioteka JavaScript opracowana przez Facebooka w celu tworzenia interfejsów użytkownika. Wykorzystuje deklaratywny paradygmat oparty na komponentach, a jego celem jest zarówno wydajność, jak i elastyczność.

1
Uzyskiwanie wartości w autouzupełnianiu interfejsu użytkownika materiału React
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 {...params} label="Combo box" variant="outlined" fullWidth /> )} /> Rozumiem, jak to działa, ale nie jestem pewien, jak mam uzyskać wybraną wartość. Na przykład chcę …
4
Jak kpić z useHistory w żart?
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 router from 'react-router'; import { QuestionContainer } from './QuestionsContainer'; describe('My …
1
TypeError: Nie można odczytać właściwości „webpackJsonp” niezdefiniowanej
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 zaktualizowałem niektórych pakietów w aplikacji A, które mają pewne ogólne …
16 reactjs  npm  webpack  next.js 
1
Dlaczego getComputedStyle () w teście JEST zwraca różne wyniki do obliczonych stylów w Chrome / Firefox DevTools
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 MyStyledButton(props) { const buttonStyle = useStyles(props); const { children, width, ...others } …
9
TypeError: Nie można odczytać właściwości „attach” niezdefiniowanego pliku makeStyles.js
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 Heroku już dziś. Próbowałem wycofać wszystkie zmiany w kodzie, które wprowadziłem dzisiaj, ale …
8
Reakcja aplikacji utknęła na „Uruchamianie serwera programistycznego”
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, jak i przeglądarka absolutnie nic nie robią w nieskończoność. Brak błędu lub danych wyjściowych. …
1
Dlaczego moja aplikacja React Native buduje się pomyślnie pomimo błędu kompilatora TypeScript?
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 jeszcze nie w pełni zrozumiałem, jest to, dlaczego moja aplikacja buduje się …
6
Next.js Przekieruj z / do innej strony
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 path="/hello-nextjs" exact component={HelloNextjs} /> <Redirect to="/hello-nextjs" /> …
6
Reaguj-router-dom useParams () wewnątrz komponentu klasy
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: import React from "react"; import { useParams } from …
2
wartość użycia React.forwardRef vs custom ref ref
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} </button> )); // You can now get a ref directly to the DOM button: const ref = React.createRef(); <FancyButton ref={ref}>Click me!</FancyButton>; Jaka …
3
JavaScript - funkcje Pure vs Impure
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 wejściowe. Przykład function withdraw(account, …
2
Wyskakujące okienko bezpieczeństwa OAuth między domenami React.js
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) a window.opener(jak wiadomo, window.opener ma wartość zerową ze względu na bezpieczeństwo w wielu domenach, dlatego nie …
Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.