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

3
Reaguje funkcjonalny składnik bezstanowy, PureComponent, Component; jakie są różnice i kiedy powinniśmy z czego korzystać?
Dowiedzieliśmy się , że od wersji 15.3.0 React mamy nową klasę podstawową o nazwie PureComponent, która może być rozszerzona o wbudowany PureRenderMixin . Rozumiem, że pod maską stosuje się płytkie porównanie rekwizytów w środku shouldComponentUpdate. Teraz mamy 3 sposoby na zdefiniowanie komponentu React: Funkcjonalny składnik bezstanowy, który nie rozszerza żadnej …
13
Jak uzyskać wartość pola wejściowego za pomocą ReactJS?
Mam następujący składnik React: export default class MyComponent extends React.Component { onSubmit(e) { e.preventDefault(); var title = this.title; console.log(title); } render(){ return ( ... <form className="form-horizontal"> ... <input type="text" className="form-control" ref={(c) => this.title = c} name="title" /> ... </form> ... <button type="button" onClick={this.onSubmit} className="btn">Save</button> ... ); } }; Konsola daje …
3
React.js: Zawijanie jednego komponentu w inny
Wiele języków szablonów ma instrukcje „sloty” lub „fed”, które umożliwiają wykonanie pewnego rodzaju inwersji kontroli w celu zawinięcia jednego szablonu w drugi. Angular ma opcję „przetłumacz” . Railsy mają deklarację dochodu . Gdyby React.js miał instrukcję fed, wyglądałoby to tak: var Wrapper = React.createClass({ render: function() { return ( <div …
10
Aktualizacja stanu zmian rekwizytów w formularzu React
Mam problem z formularzem React i prawidłowym zarządzaniem stanem. Mam pole wprowadzania czasu w formie (modalnej). Wartość początkowa jest ustawiana jako zmienna stanu w getInitialStatei jest przekazywana z komponentu nadrzędnego. To samo w sobie działa dobrze. Problem pojawia się, gdy chcę zaktualizować domyślną wartość start_time za pomocą komponentu nadrzędnego. Sama …
184 reactjs 
4
Jak używać funkcji strzałek (pól klasy publicznej) jako metod klasowych?
Jestem nowy w używaniu klas ES6 z React, wcześniej wiązałem swoje metody z bieżącym obiektem (pokaż w pierwszym przykładzie), ale czy ES6 pozwala mi na stałe powiązać funkcję klasy z instancją klasy za pomocą strzałek? (Przydatne przy przekazywaniu jako funkcja oddzwaniania). Występują błędy, gdy próbuję ich użyć w sposób możliwy …
19
Jak przewinąć do elementu?
Mam widżet czatu, który wyświetla szereg wiadomości za każdym razem, gdy przewijam w górę. Problem, z którym teraz mam do czynienia, polega na tym, że suwak pozostaje na górze podczas ładowania wiadomości. Chcę, aby skupił się na ostatnim elemencie indeksu z poprzedniej tablicy. Dowiedziałem się, że mogę tworzyć dynamiczne referencje, …
13
Jak ustawić serwer dewelopera webpack na port 80 i 0.0.0.0, aby był publicznie dostępny?
Jestem nowy w całym świecie Nodejs / Reagjs, więc przepraszam, jeśli moje pytanie brzmi głupio. Więc bawię się z Reactabular.js . Ilekroć robię npm start, zawsze działa localhost:8080. Jak zmienić go, aby działał, 0.0.0.0:8080aby był publicznie dostępny? Próbowałem odczytać kod źródłowy w powyższym repozytorium, ale nie udało mi się znaleźć …
8
React Router v4 - Jak uzyskać aktualną trasę?
Chciałbym wyświetlić titlein, <AppBar />które zostało w jakiś sposób przekazane z bieżącej trasy. W jaki sposób w React Router v4 <AppBar />można uzyskać przekazanie bieżącej trasy do jej właściwości title? <Router basename='/app'> <main> <Menu active={menu} close={this.closeMenu} /> <Overlay active={menu} onClick={this.closeMenu} /> <AppBar handleMenuIcon={this.handleMenuIcon} title='Test' /> <Route path='/customers' component={Customers} /> </main> …
18
Wbudowane style CSS w React: jak zaimplementować a: hover?
Bardzo podoba mi się wbudowany wzorzec CSS w Reakcie i zdecydowałem się go użyć. Nie możesz jednak używać :hoverselektorów i podobnych. Jaki jest więc najlepszy sposób na zaimplementowanie podświetlania po najechaniu kursorem podczas używania wbudowanych stylów CSS? Jedną z sugestii od #reactjs jest posiadanie Clickablekomponentu i używanie go w następujący …
178 reactjs 
6
Jak dodawać czcionki do projektów opartych na tworzeniu i reagowaniu na aplikacje?
Używam aplikacji create-react- i wolę tego nie robićeject . Nie jest jasne, gdzie powinny znajdować się czcionki importowane przez @ font-face i ładowane lokalnie. Mianowicie ładuję @font-face { font-family: 'Myriad Pro Regular'; font-style: normal; font-weight: normal; src: local('Myriad Pro Regular'), url('MYRIADPRO-REGULAR.woff') format('woff'); } Jakieś sugestie? -- EDYTOWAĆ Włączając sedno, do …
9
ReactJS: Błąd maksymalnej głębokości aktualizacji przekroczony
Próbuję przełączyć stan komponentu w ReactJS, ale pojawia się komunikat o błędzie: Przekroczono maksymalną głębokość aktualizacji. Może się tak zdarzyć, gdy składnik wielokrotnie wywołuje funkcję setState wewnątrz komponentu componentWillUpdate lub componentDidUpdate. React ogranicza liczbę zagnieżdżonych aktualizacji, aby zapobiec nieskończonym pętlom. Nie widzę nieskończonej pętli w moim kodzie, czy ktoś może …
3
Czym dokładnie jest polecenie „start-skryptów reagowania”?
Pracowałem z projektem Reacta przy użyciu create-react-appi mam dwie możliwości rozpoczęcia projektu: Pierwszy sposób: npm run startz definicją w package.jsonten sposób: "start": "react-scripts start", Drugi sposób: npm start Jaka jest różnica między tymi dwoma poleceniami? Jaki jest cel react-scripts start? Próbowałem znaleźć definicję, ale właśnie znalazłem pakiet o tej nazwie. …
177 reactjs  npm 
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.