React to biblioteka JavaScript do tworzenia interfejsów użytkownika. Wykorzystuje deklaratywny paradygmat oparty na komponentach i ma być zarówno wydajny, jak i elastyczny.

Więcej na temat reactjs...

Próba stworzenia aplikacji z przepisami, w której po zaznaczeniu pól tablica przepisów aktualizuje się, a licznik na dole jest aktualizowany w miarę ich sprawdzania. Jednak do tej pory udało mi się zrobić tylko jedno lub drugie, jeśli dodam składnik do tablicy, nie mogę zaktualizować licznika, a je....
26 styczeń 2022, 20:21
Mój plik serwera zaczął robić się trochę za długi, więc zdecydowałem się użyć routingu ekspresowego i podzielić każdą trasę na osobny skrypt. Zrobiłem wszystko jak zwykle, ale problem polega na tym, że metoda renderowania aplikacji nie działa, a strona ciągle się przewija. Tak wygląda plik indeksu....
26 styczeń 2022, 19:25
Staram się sprawić, by jeśli podpórka jest prawdziwa, wszystkie inne zostaną zignorowane. Mój obecny kod React wygląda tak: <Component isTrue={true}/> <Component foo='bar' someProp={true}/>; Ale to powoduje problemy, ponieważ w moim pliku Component.tsx ponieważ interfejs Props interface Props { ....
26 styczeń 2022, 17:47
Utknąłem na aktualizowaniu DOM, używaniu useEffect i wysyłaniu-pobieraniu danych z Firebase. Pracuję na podstawowej stronie galerii zdjęć, w której użytkownik wybiera zdjęcie lokalnie i wysyła je do Firebase/Firestore. Wszystkie akcje bazy ogniowej działają dobrze. Główny problem, kiedy wybieram ....
26 styczeń 2022, 17:18
Próbuję ustawić adres URL API w czasie wykonywania. Śledziłem ten samouczek, który dokładnie rozwiązuje mój problem, ale nadal zmienna jest niezdefiniowana. Umieściłem plik ze zmienną środowiskową w skrypcie w index.html (EDYTOWANO) <script src="%PUBLIC_URL%/env-config.js"></script> Wewnątrz które....
26 styczeń 2022, 17:16
Używam TailwindCSS w aplikacji React i próbuję zrobić tryb ciemny za pomocą Tailwind, ale bg jest już ustawiony na ciemny, mimo że wartość jest fałszywa. import React, { useState } from 'react'; const App = () => { const [darkTheme, setDarkTheme] = useState(false); return (<div className=....
26 styczeń 2022, 16:26
Chcę zmienić motywy w React.js zgodnie z warunkiem, który jest prawdziwy lub fałszywy, ale kiedy zmieniam wstawione style w klasie app, zmienia to tylko innerElements, a nie całe ciało. app.jsx import "./styles.css"; import { dark, light } from "./comp/themes"; export default function App() { con....
26 styczeń 2022, 16:08
Używam tego samego komponentu na różnych trasach routera React. Czy ktoś wie, jak odmontować komponent przy zmianie trasy? Teraz, gdy zmieniam trasę, komponent nie odmontowuje się, oto mój przykład: https://codesandbox.io/s/stupefied-cloud-bxfyf?file=/src/MyComponent.js....
26 styczeń 2022, 14:07
Używam CreateContext w Typescript i widzę, dlaczego jest problem z kodem, ale nie mogę rozwiązać tego problemu. Jest to podstawowe zastosowanie typesafe TX do udostępniania stanu i (useReducer) wysyłania w hierarchii komponentów Piaskownica: https://codesandbox.io/s/typescript -usereducer-todo-lk....
26 styczeń 2022, 12:41
Renderuję wiele „div”, które użytkownik może wybrać, klikając je za pomocą prostego onClick: <div onClick={() => this.handleTrackerCardClick()}> Jednak użytkownik może również edytować pole wyświetlane w 'div', klikając przycisk. W tym przypadku nie chcę, aby wywoływano było 'div onClick', poniewa....
26 styczeń 2022, 12:39
Reactjs Jak napisać większe od 0 w jsx? To jest mój obecny kod return ( {num > 0 ? ( console.log('greater than 0') ):(console.log('less than zero')} ) ....
26 styczeń 2022, 12:30
Jestem nowy w React, pracowałem nad tym przez ostatni tydzień. Próbuję stworzyć prostą aplikację, która ma formularz "tworzenie produktu" i listę produktów z paskiem wyszukiwania (przy użyciu komponentu wejściowego z antd); na liście mogę kliknąć dowolny produkt, aby otworzyć stronę szczegółów. W ....
26 styczeń 2022, 11:44
Próbuję zapisać moje stany w plikach cookie za pomocą pakietu react-cookie. Jest ok, gdy chcę przechowywać jakieś ciągi w pliku cookie, ale mój problem polega na zapisaniu tablic. Na przykład mam tablicę o poniższej strukturze: const arr = [ ['correct','correct','absent'], ['present','....
26 styczeń 2022, 11:17
Używam React js , a podczas renderowania strony zaimplementowany jest useEffect w celu żądania serwera ekspresowego w celu pobrania danych z bazy danych, to działa, ale jeśli serwer nie działa, będzie wysyłał żądania tysiące razy, aż do awarii aplikacji. Czy istnieje sposób na ustawienie opóźnienia....
26 styczeń 2022, 10:58
Chcę zmienić kolor tła wybranego komponentu „szary”, a etykieta i kolor obramowania z niebieskiego na inny kolor, pojawia się po kliknięciu pola wyboru. Czy ktoś może mi w tym pomóc? Mam tis błąd: TS2322: Wpisz „{ root: string; }” nie można przypisać do typu „Partial”.Dosłowny obiekt może określać....
26 styczeń 2022, 10:14
Reaguję z maszynopisem. Mam jeden komponent wideo, w którym odtwarzam wideo za pomocą tagu wideo. Próbuję wydrukować całkowity czas trwania i aktualny czas trwania wideo w tagu p, ale aktualizacje nie mają odzwierciedlenia. Oto mój kod: import "./styles.css"; import { useRef, useState, useEffect } ....
26 styczeń 2022, 10:10
Mając następujący fragment kodu: import React from "react"; import Editor from "@monaco-editor/react"; function App() { return ( <Editor height="90vh" defaultLanguage="javascript" defaultValue="// some comment" /> ); } export default App; I piaskownica Czy można ust....
26 styczeń 2022, 09:55
Mam 2 kody. 1. ten błąd dający: import userdata from "./data.json"; userdata = userdata.userdata; userdata.map() // do map here. Że dając błąd: Uncaught TypeError: Cannot read properties of undefined (reading 'userdata') to działa: import userdata from "./data.json"; userdata.userdata.map() // do ....
26 styczeń 2022, 09:42
Moim wymaganiem jest podpowiadanie określonego przycisku radiowego na podstawie np. ilości tablicy. Jeśli w tablicy jest 5 pozycji, wyświetli się 5 przycisk opcji na podstawie pola productName tablicy. To są moje dane testowe: const testData = [ { "itemCode": "1", "productName": "P....
26 styczeń 2022, 09:25
Dlaczego nie możemy używać hooków w składniku klasy React? React Oficjalna dokumentacja mówi tylko, że haki nie nie działa na zajęciach, ale nie pokazuje, dlaczego to nie zadziała.....
26 styczeń 2022, 09:15
Próbuję stworzyć niektóre składniki narzędzia UI za pomocą React Typescript. Te narzędzia mają na celu zapewnienie pewnych domyślnych stylów elementów HTML. FullScreen to po prostu <div> o wysokości 100vh i szerokości 100vw. Pomyślałem więc, że FullSreenProps powinien przedłużyć HTMLDivElement. Al....
26 styczeń 2022, 08:39
Cześć Próbuję skojarzyć podobny przycisk z każdym składnikiem PaperCard, jak pokazano w poniższym kodzie. Załączyłem odpowiedni kod. Obecnie pojawia się przycisk Podobny i za każdym razem, gdy go klikniesz, licznik zwiększa się, ALE wszystkie przyciski mają ten sam stan. Więc staram się to napraw....
26 styczeń 2022, 08:17
Tworzę wykres wykresu za pomocą chart js. Mój problem polega na tym, że kod działa przed załadowaniem danych, dlatego otrzymuję błędy. Chcę, aby po załadowaniu danych kod wykonał się, użyłem stanu ładowania, ale to nie działa, użyłem również opcjonalnego łączenia. Kod pobierania danych to useEf....
26 styczeń 2022, 07:39
Chcę, aby mój projekt wyświetlał pasek nawigacyjny, który zawiera: Home, Department and Employee oraz "React JS Frontend" w nagłówku. Aplikacja się kompiluje, a efektem końcowym jest biały ekran. Początkowo otrzymałem komunikat o błędzie za pomocą funkcji Switch, która była „eksportuj „Przełącznik”....
26 styczeń 2022, 07:11
Powołałem się na oficjalną dokumentację natywnych reakcji (https://reactnavigation.org/docs/params). W tym zauważyłem, że przekazują statyczne dane między ekranami. Ale chcę przekazać dane pobrane od użytkownika. Jeśli ktoś wie, jak udostępniać dane, pomóż. Skorzystałem również z pomocy interfej....