reactjs

Jak zsynchronizować Redux state i Url hash tag params

Mamy listę wykładów i rozdziałów, w których użytkownik może wybrać i odznaczyć je. Obie listy są przechowywane w sklepie redu ... router jest używany tylko do utrzymywania znacznika skrótu adresu url, a także aktualizuje tylko jeden komponent. Dzięki!!!

Zaktualizuj styl onscrolla komponentu w Reaccie.js

Zbudowałem komponent w Reaccie, który ma zaktualizować swój własny styl na przewijaniu okna, aby stworzyć efekt paralaksy. M ... Jednak to sprawia, że przewijanie nie nadaje się do użytku, ponieważ jest strasznie powolny. Jakieś sugestie, jak to zrobić?

Jak przekazać komponent reactowy do innego komponentu reactowego, aby przetranslować zawartość pierwszego komponentu?

Czy istnieje sposób na przeniesienie jednego komponentu do innego komponentu reactowego? Chcę utworzyć model komponentu reac ... dren} </div> ) } }); React.renderComponent(BasicTransclusion(), document.getElementById('my-component'));

ReactJS state vs prop

To może być Deptanie tej granicy między odpowiedzialnym i opiniowanym, ale będę się tam iz powrotem, jak skonstruować kompone ... t, tagi, komentarze, oceny itp...) komponent zaczyna się naprawdę komplikować. Czy pierwsza metoda z ReactLink jest drogą?

Dlaczego rekwizyty JSX nie powinny używać funkcji arrow lub bind?

Uruchamiam lint z moją aplikacją Reactową i otrzymuję ten błąd: error JSX props should not use arrow functions re ... }/> </GridTile> </span> ))} Czy jest to zła praktyka, której należy unikać? A jak najlepiej to zrobić?

Reaguj.js: owijanie jednego komponentu w inny

Wiele języków szablonów ma instrukcje "slots" lub "yield", które pozwalają wykonać pewnego rodzaju inwersję sterowania, aby z ... ter </div> / Align = "Left" / js nie ma <yield/>. Jak zdefiniować komponent Wrapper, aby uzyskać ten sam wynik?

React-Native-Niestandardowa nawigacja z komponentem Navigator

Badam możliwości React Native podczas tworzenia aplikacji demonstracyjnej z niestandardową nawigacją między widokami za pomo ... nego do NavigatorIOS ale bez paska nawigacyjnego (jednak niektóre widoki będą miały własny niestandardowy pasek nawigacyjny).

Różnica między deklaratywnym a imperatywnym w Reaccie.js?

Ostatnio studiowałem wiele na temat funkcjonalności i sposobów korzystania z biblioteki JavaScript Facebook React.js. Mówiąc ... wiata JavaScript, często wspomina się o dwóch stylach programowania declarative i imperative. Jaka jest różnica między nimi?

Wywołanie metody child od rodzica

Mam dwa składniki. Element nadrzędny element potomny Próbowałem wywołać metodę dziecka od rodzica, próbowałem w ten spos ... sposób na wywołanie metody dziecka od rodzica ? Uwaga: Komponenty potomne i Rodzicowe znajdują się w dwóch różnych plikach

Co to znaczy ...reszta w Reaccie JSX

Patrząc na przykład Reactowego routera Dom v4 https://reacttraining.com/react-router/web/example/auth-workflow widzę, że Pr ... y, i zmień nazwę props na rest, Aby uniknąć problemów z nazwami z propami przekazanymi do trasy render function Mam rację?

Jak mieć elementy warunkowe i zachować suchość z Facebook React JSX?

Jak opcjonalnie dołączyć element w JSX? Oto przykład użycia banera, który powinien znajdować się w komponencie, jeśli został ... <div id="other-content"> blah blah blah... </div> </div> ); }

Kiedy używać JSX.Element vs ReactNode vs ReactElement?

Obecnie migruję aplikację Reactową do maszynopisu. Jak na razie działa to całkiem dobrze, ale mam problem z typami zwrotnymi ... r składników klasy zwracają ReactNode, ale składniki funkcji zwracają ReactElement? Jak to rozwiązać w odniesieniu do null?

Jak porównać stare wartości i nowe wartości w Reactowym Hooku useEffect?

Załóżmy, że mam 3 wejścia: rate, sendAmount i receiveAmount. Umieściłem te 3 wejścia na useEffect diffing params. Zasady są n ... omocne do śledzenia zmian tylko z lokalnego, więc mogę zapobiec niepotrzebnym połączeń sieciowych z powodu zmian na serwerze.

Jak warunkowo dodać atrybuty do komponentów Reactowych?

Czy istnieje sposób na dodanie atrybutów do komponentu Reactowego tylko wtedy, gdy spełniony jest określony warunek? Powinie ... Required; return ( <MyOwnInput name="test" {isRequired ? "required" : ""} /> ); } });

Jak działa shallow compare w reaccie

W tej dokumentacji Reacta mówi się, że ShallowCompare wykonuje płytkie sprawdzenie równości dla bieżących obiektów prop ... zacja shouldComponent zawsze zwróci true. Jestem zdezorientowany, jak to działa i jak to obejdziemy, aby zwiększyć wydajność.

Wstaw HTML z instrukcjami zmiennej Reactowej (JSX) [duplikat]

to pytanie ma już odpowiedzi tutaj : ... ic o funkcji reactowej, która mogłaby to zrobić w wierszu, ani o metodzie parsowania rzeczy, która umożliwiłaby to działanie.

Jak ukryć klucz API w create-react-app?

Zrobiłem aplikację Pogoda w create-react-app. Jak ukryć klucz API, aby móc zatwierdzić go na Githubie? Teraz klucz jest w aplikacji.js: const API_KEY = "123456";

Błąd podczas uruchamiania aplikacji React Native z terminala (iOS)

Śledzę tutorial na oficjalnej stronie React Native. Używając poniższego do zbudowania mojego projektu: react-native run-io ... ot a developer tool or in PATH Chociaż, kiedy uruchamiam aplikację z .xcodeproj, wszystko działa dobrze. Jakieś sugestie?

Webpack jak zbudować kod produkcyjny i jak go używać

Jestem zupełnie nowy w webpacku, odkryłem, że w kompilacji produkcyjnej możemy zmniejszyć rozmiar całego kodu. Obecnie webpac ... tils'), path.resolve('./src/frontend')], extensions: ['', '.js', '.css'] }, module: { loaders: [loaders] } };

Jaki jest najlepszy sposób radzenia sobie z błędem pobierania w React redux?

Mam jeden reduktor dla Klientów, jeden dla AppToolbar i kilka innych... Teraz powiedzmy, że stworzyłem akcję fetch, aby usun ... este, jest bardziej jak połączenie odpowiedzi Erica i Dana... Musisz tylko znaleźć to, co najlepiej pasuje do Twojego kodu...