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ść.

6
Zmień obsługę Autouzupełniania komponentu z interfejsu użytkownika materiału
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 multiple options={autoComplete} filterSelectedOptions getOptionLabel={option => option.tags} renderInput={params => (<TextField …
4
Najlepszy sposób na przekazanie parametrów w module obsługi onClick
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={() => this.changeRoute("page1")}>1</div> <div onClick={() => this.changeRoute("page2")}>2</div> </> ) } 2. …
5
materiał-ui „createSvgIcon” nie jest eksportowany z „@ material-ui / core / utils”
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: 'createSvgIcon' is not exported from '@material-ui/core/utils'. Próbowałem google znaleźć ten problem i znalazłem kolejne pytanie dotyczące material-ui/lab/AutoCompletekomponentu ( dokładnie to …
2
Błąd kompilacji przy użyciu funkcji Component Lab> Autouzupełnianie dla ikon SVG w interfejsie użytkownika materiału
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 autouzupełniania (z przykładu w sekcji „Wiele wartości”). Oto kod, którego używam: import React from 'react'; import Chip from '@material-ui/core/Chip'; import Autocomplete from '@material-ui/lab/Autocomplete'; import TextField …
3
Jak utworzyć komponent React „If”, który działa jak prawdziwy „if” w maszynowym pisma?
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 <>{props.children}</>; } return null; } Pozwala mi napisać czystszy kod, taki jak: render() { ... …
6
React - Jak wykryć, kiedy wszystkie podskładniki komponentu macierzystego są widoczne dla użytkownika?
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 składników wnuka pobiera dane z punktu końcowego interfejsu API, który …
11 reactjs 
3
Menu nie otwiera poprawnego indeksu div
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 & Templates" }, { id: 4, …
11 reactjs 
1
Jak zaimplementować przywracanie zwoju dla React Router SPA
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 pojedynczych stronach, a zachowanie byłoby podobne do działania tradycyjnej strony internetowej innej …
5
Jak rozwiązać „Nie można użyć instrukcji importu poza modułem” w żartach
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 i dokumentację i nadal coś nie rozumiem. Poszedłem tak daleko, …
4
Prawidłowy sposób obsługi błędów w React-Redux
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? Pomysł 1: Utwórz komponent, który pobiera błąd i wywołuje …
11 reactjs  redux 
4
Fabryka native.createnavigator nie jest funkcją
W moim projekcie zamierzam zaprojektować nawigację szufladową. Zainstalowałem to za pomocą tego polecenia: npm install @react-navigation/drawer Następnie zaimportowałem to do App.js import { createDrawerNavigator } from '@react-navigation/drawer'; import { NavigationContainer } from '@react-navigation/native'; To jest moja package.jsontreść: "@react-native-community/masked-view": "^0.1.6", "@react-navigation/drawer": "^5.0.0", "react": "16.9.0", "react-native": "0.61.5", "react-native-gesture-handler": "^1.5.6", "react-native-reanimated": "^1.7.0", "react-native-screens": …
3
React useEffect dogłębnie / use useEffect?
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 useEffect(()=>{},[arg])
1
Przekaż prop do każdej strony w Next.js za pomocą getInitialProps za pomocą Typescript
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 niektórych stron, jeśli jest on już zalogowany przy …
1
Przekazywanie Reaktywnego routera dom Link do zewnętrznej biblioteki
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 'my-external-library'; const articleWithLinkProps = { url: `/article/${article.slug}`, routerLink: Link, }; <Heading withLinkProps={articleWithLinkProps} /> W mojej bibliotece renderuje …
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.