Korzystam z Reagjs. Po uruchomieniu kodu poniżej przeglądarka mówi: Uncaught TypeError: Super wyrażenie musi być null lub funkcja, nie może być niezdefiniowana Wszelkie wskazówki dotyczące tego, co jest złe, będą mile widziane. Najpierw wiersz użyty do skompilowania kodu: browserify -t...
W React (frameworku Facebooka) muszę wyrenderować element etykiety związany z wprowadzonym tekstem przy użyciu standardowego foratrybutu. np. używany jest następujący JSX: <label for="test">Test</label> <input type="text" id="test" /> Jednak powoduje to HTML bez wymaganego (i...
EDYCJA: to jest duplikat, patrz tutaj Nie mogę znaleźć żadnych przykładów użycia nazwy klucza dynamicznego podczas ustawiania stanu. Oto co chcę zrobić: inputChangeHandler : function (event) { this.setState( { event.target.id : event.target.value } ); }, gdzie event.target.id jest używany jako...
Czy istnieje wbudowany sposób użycia proptypów w celu zapewnienia, że tablica obiektów przekazywanych do komponentu jest w rzeczywistości tablicą obiektów o określonym kształcie? Może coś takiego? annotationRanges: PropTypes.array(PropTypes.shape({ start: PropTypes.number.isRequired, end:...
Mam komponent, który otrzymuje rekwizyt ze względu na jego rozmiar. Rekwizyt może być ciągiem znaków lub liczbą np .: "LARGE"lub 17. Czy mogę poinformować React.PropTypes, że może to być jedno lub drugie w sprawdzaniu poprawności propTypes? Jeśli nie podam typu, pojawia się ostrzeżenie: prop type...
Zamknięte . To pytanie jest oparte na opiniach . Obecnie nie przyjmuje odpowiedzi. Chcesz poprawić to pytanie? Zaktualizuj pytanie, aby można było na nie odpowiedzieć faktami i cytatami, edytując ten post . Zamknięte w zeszłym roku . Popraw to...
Jak opcjonalnie dołączyć element do JSX? Oto przykład użycia banera, który powinien znajdować się w elemencie, jeśli został przekazany. Chcę uniknąć duplikowania tagów HTML w instrukcji if. render: function () { var banner; if (this.state.banner) { banner = <div...
Uczę się Redux z React i natknąłem się na ten kod. Nie jestem pewien, czy jest on specyficzny dla Redux, czy nie, ale widziałem następujący fragment kodu w jednym z przykładów. @connect((state) => { return { key: state.a.b }; }) Chociaż funkcjonalność connectjest dość prosta, ale nie...
Oficjalna React Dokumentów stanu, że „ React.PureComponent„s shouldComponentUpdate()tylko płytko porównuje obiektów”i odradza to jeśli stan jest«głęboko». Biorąc to pod uwagę, czy jest jakiś powód, dla którego należy preferować React.PureComponenttworzenie komponentów React? Pytania : czy jest...
Próbuję zrozumieć metodę Connect Re-Redux i funkcje, które przyjmuje jako parametry. W szczególności mapStateToProps(). W moim rozumieniu zwracana wartość mapStateToPropsbędzie obiektem pochodzącym ze stanu (w postaci, w jakiej znajduje się on w sklepie), którego klucze zostaną przekazane do...
Jak możemy przekazać parametr this.props.history.push('/page')w React-Router v4? .then(response => { var r = this; if (response.status >= 200 && response.status < 300) { r.props.history.push('/template');
Po rozpoczęciu pracy z React.js wygląda na to, że propsmają być statyczne (przekazywane z komponentu nadrzędnego), a statezmiany oparte na zdarzeniach. Jednak zauważyłem w dokumentach odniesienie componentWillReceiveProps, które konkretnie obejmuje ten przykład: componentWillReceiveProps:...
Jak sprawić, by onKeyPresswydarzenie działało w ReactJS? Powinien ostrzegać po enter (keyCode=13)naciśnięciu. var Test = React.createClass({ add: function(event){ if(event.keyCode == 13){ alert('Adding....'); } }, render: function(){ return( <div> <input type="text" id="one"...
Czy istnieje sposób na przekazanie jednego składnika do drugiego reagującego składnika? Chcę utworzyć model reagujący komponent i przekazać inny komponent reagujący, aby przetłumaczyć tę treść. Edycja: Oto codepen reagJS ilustrujący to, co próbuję zrobić.
Mam następującą strukturę: FormEditor- posiada wiele FieldEditor FieldEditor- edytuje pole formularza i zapisuje różne wartości na jego temat w jego stanie Po kliknięciu przycisku w formularzu FormEditor chcę być w stanie zebrać informacje o polach ze wszystkich FieldEditorskładników, informacje...
W React możesz wyraźnie utworzyć obiekt i przypisać go jako styl wbudowany. to znaczy. wspomniane poniżej. var divStyle = { color: 'white', backgroundImage: 'url(' + imgUrl + ')', WebkitTransition: 'all', // note the capital 'W' here msTransition: 'all' // 'ms' is the only lowercase vendor...
React jest w stanie renderować niestandardowe atrybuty zgodnie z opisem na stronie http://facebook.github.io/react/docs/jsx-gotchas.html : Jeśli chcesz użyć niestandardowego atrybutu, powinieneś go poprzedzić danymi. <div data-custom-attribute="foo" /> I to jest dobra wiadomość, ale...
Przekazuję 2 wartości do elementu potomnego: Lista obiektów do wyświetlenia funkcja usuwania. Używam funkcji .map () do wyświetlania mojej listy obiektów (jak w przykładzie podanym na stronie z instrukcją reagowania), ale przycisk w tym komponencie uruchamia onClickfunkcję podczas...
Mam problem z ReactJS na Facebooku. Ilekroć robię ajax i chcę wyświetlić dane HTML, ReactJS wyświetla je jako tekst. (Patrz rysunek poniżej) Dane są wyświetlane przez funkcję wywołania zwrotnego jQuery Ajax. $.ajax({ url: url here, dataType: "json", success: function(data) {...
Jak wyśrodkować tekst w ReactNative zarówno w poziomie, jak i w pionie? Mam przykładową aplikację w rnplay.org, w której justifyContent = „center” i alignItems = „center” nie działa: https://rnplay.org/apps/AoxNKQ Tekst powinien być wyśrodkowany. I dlaczego u góry między tekstem (żółty) a...