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
Nieprzechwycony błąd: Niezmienne naruszenie: Typ elementu jest niepoprawny: oczekiwano ciągu (dla komponentów wbudowanych) lub klasy / funkcji, ale otrzymano: obiekt
Otrzymuję ten błąd: Nieprzechwycony błąd: Niezmienne naruszenie: Typ elementu jest niepoprawny: oczekiwany ciąg (dla komponentów wbudowanych) lub klasa / funkcja (dla komponentów złożonych), ale dostał: obiekt. To jest mój kod: var React = require('react') var ReactDOM = require('react-dom') var Router = require('react-router') var Route = Router.Route var Link = Router.Link …
19
Najlepsze praktyki w stylu Inact.js
Wiem, że możesz określić style w klasach React, takie jak to: var MyDiv = React.createClass({ render: function() { var style = { color: 'white', fontSize: 200 }; return <div style={style}> Have a good and productive day! </div>; } }); Czy powinienem dążyć do stylizacji w ten sposób i nie mieć …
30
Przeprowadź debounce w React.js
Jak przeprowadzasz debounce w React.js? Chcę ogłosić uchwytOnChange. Próbowałem z, debounce(this.handleOnChange, 200)ale to nie działa. function debounce(fn, delay) { var timer = null; return function() { var context = this, args = arguments; clearTimeout(timer); timer = setTimeout(function() { fn.apply(context, args); }, delay); }; } var SearchBox = React.createClass({ render: function() …
9
Plusy / minusy korzystania z redux-sagi z generatorami ES6 vs redux-thunk z ES2017 async / czekają
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 asynchronizacji / czekania. Składnik może wyglądać tak: wywołać działania jak zwykle. …
15
Wywołaj metodę potomną od rodzica
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 onClick={Child.getAlert()}>Click</button> </Child> ); } } class Child extends Component { getAlert() { alert('clicked'); } render() { return …
16
Błąd analizy: sąsiednie elementy JSX muszą być owinięte w otaczający tag
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 your email to request early access:'; var style = this.state.submitted …
13
Prawidłowa modyfikacja tablic stanu w ReactJS
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 tablicy i setStateing wydaje się marnotrawstwem.
27
React - jak uzyskać wartość parametru z ciągu zapytania
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 serwerów? http://localhost:8000/#/signin?_k=v9ifuf&__firebase_request_key=blablabla Próbowałem z następującą konfiguracją tras, ale :redirectParamnie łapie wspomnianego parametru: <Router> <Route path="/" component={Main}> <Route path="signin" component={SignIn}> <Route path=":redirectParam" component={TwitterSsoButton} /> </Route> </Route> …
30
Wykryj kliknięcie poza komponentem React
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 należy do jednego z elementów potomnych i …
410 javascript  dom  reactjs 
10
React JSX: wybranie „selected” na wybranej opcji <select>
W komponencie React dla &lt;select&gt;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 = [], optionState = this.props.optionState; this.props.options.forEach(function(option) { var selected = (optionState === option.value) ? ' selected' : …
13
Błąd uruchamiania React Native App From Terminal (iOS)
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 PATH Command failed: xcrun instruments -s xcrun: error: unable to find utility "instruments", …
12
Niezmienne naruszenie: _registerComponent (…): Kontener docelowy nie jest elementem DOM
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 = React.createClass({ render() { return &lt;h1&gt;Yo&lt;/h1&gt;; } }); React.renderComponent(&lt;App /&gt;, document.body); HTML: &lt;html&gt; …
387 javascript  dom  reactjs 
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.