Obecnie dużo mówi się o najnowszym dzieciaku w mieście Redux , redux-saga / redux-saga . Wykorzystuje funkcje generatora do nasłuchiwania / wysyłania akcji. Zanim owinę głowę, chciałbym poznać zalety / wady korzystania redux-sagazamiast podejścia poniżej, w którym korzystam redux-thunkz...
Mam dwa elementy. Komponent macierzysty Komponent potomny Próbowałem wywołać metodę dziecka od rodzica, próbowałem w ten sposób, ale nie mogłem uzyskać rezultatu class Parent extends Component { render() { return ( <Child> <button
Próbuję skonfigurować moją React.jsaplikację, aby renderowała się tylko wtedy, gdy ustawiona jest zmienna true. Sposób konfiguracji mojej funkcji renderowania wygląda następująco: render: function() { var text = this.state.submitted ? 'Thank you! Expect a follow up at '+email+' soon!' : 'Enter...
Chcę dodać element na końcu statetablicy, czy to właściwy sposób, aby to zrobić? this.state.arrayvar.push(newelement); this.setState({arrayvar:this.state.arrayvar}); Obawiam się, że modyfikowanie tablicy w miejscu pushmoże powodować problemy - czy jest to bezpieczne? Alternatywa tworzenia kopii...
Jak mogę zdefiniować trasę w pliku tras.jsx w celu przechwycenia __firebase_request_keywartości parametru z adresu URL wygenerowanego przez proces pojedynczego logowania Twittera po przekierowaniu z ich
Szukam sposobu na wykrycie, czy zdarzenie kliknięcia nastąpiło poza komponentem, jak opisano w tym artykule . Funkcja jQuery closest () służy do sprawdzania, czy element docelowy ze zdarzenia click ma element dom jako jedno z jego elementów nadrzędnych. Jeśli istnieje dopasowanie, zdarzenie click...
W komponencie React dla <select>menu muszę ustawić selectedatrybut w opcji odzwierciedlającej stan aplikacji. W render()The optionStateprzechodzi od właściciela państwowego do składnika SortMenu. Wartości opcji są przekazywane propsod JSON. render: function() { var options = [],...
Postępuję zgodnie z samouczkiem na oficjalnej stronie React Native. Wykorzystując następujące elementy do zbudowania mojego projektu: react-native run-ios Dostaję błąd: Found Xcode project TestProject.xcodeproj xcrun: error: unable to find utility "instruments", not a developer tool or in...
Próbuję uporządkować swój stan za pomocą zagnieżdżonej właściwości w następujący sposób: this.state = { someProperty: { flag:true } } Ale aktualizowanie takiego stanu, this.setState({ someProperty.flag: false }); nie działa Jak można to zrobić
Ten błąd pojawia się po utworzeniu trywialnej przykładowej strony React: Nieprzechwycony błąd: Niezmienne naruszenie: _registerComponent (...): Kontener docelowy nie jest elementem DOM. Oto mój kod: /** @jsx React.DOM */ 'use strict'; var React = require('react'); var App =...
Pracuję z Javascript (ES6) / FaceBook reaguję i próbuję uzyskać pierwsze 3 elementy tablicy o różnej wielkości. Chciałbym zrobić odpowiednik Linq weź (n). W moim pliku Jsx mam następujące elementy: var items = list.map(i => { return ( <myview item={i} key={i.id} /> ); }); Następnie,...
Widziałem przemówienie dewelopera React na ( Pete Hunt: React: Rethinking najlepsze praktyki - JSConf EU 2013 ) i mówca wspomniał, że brudne sprawdzanie modelu może być powolne. Ale czy obliczanie różnicy między wirtualnymi DOMami nie jest nawet mniej wydajne, ponieważ wirtualna DOM, w większości...
Mam aplikację, w której muszę dynamicznie ustawiać wysokość elementu (powiedzmy „zawartość aplikacji”). Bierze wysokość „chrome” aplikacji i odejmuje ją, a następnie ustawia wysokość „zawartości aplikacji”, aby zmieściła się w 100% w obrębie tych ograniczeń. Jest to bardzo proste w przypadku...
W bieżącej wersji React Router (v3) mogę zaakceptować odpowiedź serwera i użyć, browserHistory.pushaby przejść do odpowiedniej strony odpowiedzi. Nie jest to jednak dostępne w wersji 4 i nie jestem pewien, jaki jest właściwy sposób obsługi tego. W tym przykładzie przy użyciu Redux wywołanie...
Mam prosty element reagujący z formularzem, który moim zdaniem ma jedno kontrolowane wejście: import React from 'react'; export default class MyForm extends React.Component { constructor(props) { super(props); this.state = {} } render() { return ( <form
Czytałem dokumentację biblioteki Redux i ma ona ten przykład: Oprócz odczytu stanu komponenty kontenera mogą wywoływać akcje. W podobny sposób można zdefiniować funkcję o nazwie, mapDispatchToProps()która odbiera dispatch()metodę i zwraca rekwizyty wywołania zwrotnego, które chcesz wstrzyknąć do...
Moja struktura wygląda następująco: Component 1 - |- Component 2 - - |- Component 4 - - - |- Component 5 Component 3 Komponent 3 powinien wyświetlać niektóre dane w zależności od stanu komponentu 5. Ponieważ rekwizyty są niezmienne, nie mogę po prostu zapisać jego stanu w komponencie 1...
Jestem nowy w ReactJS i JSX i mam mały problem z poniższym kodem. Próbuję dodać wiele klas do classNameatrybutu na każdym li: <li key={index} className={activeClass, data.class, "main-class"}></li> Mój komponent React to: var AccountMainMenu = React.createClass({ getInitialState:...
W funkcji renderowania mojego komponentu mam: render() { const items = ['EN', 'IT', 'FR', 'GR', 'RU'].map((item) => { return (<li onClick={this.onItemClick.bind(this, item)} key={item}>{item}</li>); }); return ( <div> ... <ul> {items} </ul> ......
Właśnie wymieniłem react-routerz v3 na v4. Ale nie jestem pewien, jak programowo nawigować w funkcji członka Component. tzn. w handleClick()funkcji chcę nawigować /path/some/wherepo przetworzeniu niektórych danych. Robiłem to przez: import { browserHistory } from