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

30
Nawiguj programowo za pomocą routera reagującego
Za react-routerpomocą tego Linkelementu mogę tworzyć linki, które są natywnie obsługiwane przez router reagujący. Widzę, że to wewnętrzne połączenia this.context.transitionTo(...). Chcę zrobić nawigację. Nie z linku, ale z rozwijanego wyboru (jako przykład). Jak mogę to zrobić w kodzie? Co to jest this.context? Widziałem Navigationmixin, ale czy mogę to zrobić bez …
30
Pętla wewnątrz React JSX
Próbuję zrobić coś takiego w React JSX(gdzie ObjectRow jest osobnym składnikiem): <tbody> for (var i=0; i < numrows; i++) { <ObjectRow/> } </tbody> Rozumiem i rozumiem, dlaczego to nie jest poprawne JSX, skoro JSXmapy do wywołań funkcji. Jednakże, pochodząc z szablonu i będąc nowym JSX, nie jestem pewien, jak bym …
1278 javascript  reactjs 
24
Jak przekazać rekwizyty do {this.props.children}
Próbuję znaleźć właściwy sposób zdefiniowania niektórych składników, które mogłyby być używane w ogólny sposób: <Parent> <Child value="1"> <Child value="2"> </Parent> Istnieje oczywiście logika renderowania między komponentami nadrzędnymi i podrzędnymi, co można sobie wyobrazić <select>i <option>jako przykład tej logiki. To jest fikcyjna implementacja na potrzeby pytania: var Parent = React.createClass({ doSomething: …
19
Czy możesz wymusić ponowne wysłanie komponentu React bez wywoływania setState?
Mam zewnętrzny (do komponentu), obserwowalny obiekt, na którym chcę nasłuchiwać zmian. Gdy obiekt jest aktualizowany, emituje zdarzenia zmiany, a następnie chcę ponownie wysłać komponent po wykryciu jakiejkolwiek zmiany. W przypadku najwyższego poziomu React.renderbyło to możliwe, ale w komponencie nie działa (co ma sens, ponieważ rendermetoda zwraca obiekt). Oto przykład kodu: …
690 reactjs  react-jsx 
10
Dlaczego potrzebujemy oprogramowania pośredniego dla przepływu asynchronicznego w Redux?
Według dokumentów: „Bez oprogramowania pośredniego sklep Redux obsługuje tylko synchroniczny przepływ danych” . Nie rozumiem, dlaczego tak jest. Dlaczego składnik kontenera nie może wywołać interfejsu API asynchronicznego, a następnie dispatchakcji? Na przykład wyobraź sobie prosty interfejs użytkownika: pole i przycisk. Gdy użytkownik naciska przycisk, pole zostaje zapełnione danymi ze zdalnego …
12
Zrozumienie unikalnych kluczy dla potomków tablicy w React.js
Buduję komponent React, który akceptuje źródło danych JSON i tworzy sortowalną tabelę. Każdy z wierszy danych dynamicznych ma przypisany unikalny klucz, ale wciąż pojawia się błąd: Każde dziecko w tablicy powinno mieć unikalny „klucz” rekwizyt. Sprawdź metodę renderowania TableComponent. Moja TableComponentmetoda renderowania zwraca: <table> <thead key="thead"> <TableHeader columns={columnNames}/> </thead> <tbody …
30
Adresy URL routera React nie działają podczas ręcznego odświeżania lub pisania
Używam routera React i działa dobrze, kiedy klikam przyciski łącza, ale po odświeżeniu strony nie ładuje się, co chcę. Na przykład jestem w localhost/joblistśrodku i wszystko jest w porządku, ponieważ przybyłem tutaj, naciskając link. Ale jeśli odświeżę stronę, otrzymam: Cannot GET /joblist Domyślnie tak nie działało. Początkowo miałem URL jak …
30
React js onClick nie może przekazać wartości do metody
Chcę przeczytać właściwości wartości zdarzenia onClick. Ale kiedy klikam, widzę coś takiego na konsoli: SyntheticMouseEvent {dispatchConfig: Object, dispatchMarker: ".1.1.0.2.0.0:1", nativeEvent: MouseEvent, type: "click", target Mój kod działa poprawnie. Kiedy uruchamiam, widzę, {column}ale nie mogę dostać tego w zdarzeniu onClick. Mój kod: var HeaderRows = React.createClass({ handleSort: function(value) { console.log(value); }, …
24
Jak ustawić fokus na polu wejściowym po renderowaniu?
Jak zareaguje ustawienie fokusu na określonym polu tekstowym po renderowaniu komponentu? Dokumentacja wydaje się sugerować użycie referencji, np .: Ustaw ref="nameInput"w moim polu wejściowym w funkcji renderowania, a następnie wywołaj: this.refs.nameInput.getInputDOMNode().focus(); Ale gdzie mam to nazwać? Próbowałem już w kilku miejscach, ale nie mogę tego zrobić.
30
Jaka jest różnica między stanem a rekwizytami w React?
Oglądałem kurs Pluralsight na React i instruktor stwierdził, że rekwizytów nie należy zmieniać. Teraz czytam artykuł (uberVU / reaguj-przewodnik) na temat rekwizytów vs. stan i mówi Zarówno rekwizyty, jak i zmiany stanu wyzwalają aktualizację renderowania. W dalszej części artykułu jest napisane: Rekwizyty (skrót od właściwości) to konfiguracja komponentu, w razie …
11
Jak warunkowo dodać atrybuty do składników React?
Czy istnieje sposób dodawania atrybutów do komponentu React tylko wtedy, gdy spełniony jest określony warunek? Powinienem dodać wymagane i atrybuty readOnly, aby utworzyć elementy oparte na wywołaniu Ajax po renderowaniu, ale nie widzę, jak to rozwiązać, ponieważ readOnly = „false” to nie to samo, co całkowite pominięcie atrybutu. Poniższy przykład …
29
Pokaż lub ukryj element w React
Po raz pierwszy bawię się React.js i nie mogę znaleźć sposobu, aby pokazać lub ukryć coś na stronie poprzez zdarzenie click. Nie ładuję żadnej innej biblioteki na stronę, więc szukam natywnego sposobu korzystania z biblioteki React. To właśnie mam. Chciałbym wyświetlić div wyników, gdy zadziała zdarzenie kliknięcia. var Search= React.createClass({ …
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.