@connectdziała świetnie, gdy próbuję uzyskać dostęp do sklepu w komponencie reagowania. Ale jak powinienem uzyskać do niego dostęp w innym kodzie kodu. Na przykład: powiedzmy, że chcę użyć tokena autoryzacyjnego do utworzenia mojej instancji axios, która może być używana globalnie w mojej...
Próbuję przetestować moją aplikację React na urządzeniu mobilnym. Używam ngrok, aby udostępnić mój lokalny serwer innym urządzeniom i mam to do dyspozycji z wieloma innymi aplikacjami. Jednak gdy próbuję połączyć ngrok z serwerem programistów React, pojawia się błąd: Invalid Host Header Uważam,...
Używam obiektu danych jako moich rekwizytów dla komponentu ReactJS. <Field data={data} /> Wiem, że łatwo jest zweryfikować sam obiekt PropTypes: propTypes: { data: React.PropTypes.object } Ale co jeśli chcę zweryfikować wartości w środku? to znaczy. data.id,
Gdy zmienia się stan składnika reagującego, wywoływana jest metoda renderowania. Dlatego w przypadku każdej zmiany stanu można wykonać akcję w ciele metod renderowania. Czy istnieje zatem szczególny przypadek użycia dla wywołania zwrotnego
Jak mogę używać komentarzy w rendermetodzie w komponencie React? Mam następujący komponent: 'use strict'; var React = require('react'), Button = require('./button'), UnorderedList = require('./unordered-list'); class Dropdown extends React.Component{ constructor(props) { super(props); }...
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...
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"...
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...
Załóżmy, że mam klasę React P, która renderuje dwie klasy potomne, C1 i C2. C1 zawiera pole wprowadzania. Odniosę się do tego pola wejściowego jako Foo. Moim celem jest pozwolić C2 reagować na zmiany w Foo. Wymyśliłem dwa rozwiązania, ale żadne z nich nie jest w porządku. Pierwsze...
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ę...
Dlaczego nie mogę uzyskać dostępu do metod komponentów „z zewnątrz” w ReactJS? Dlaczego nie jest to możliwe i czy jest jakiś sposób na jego rozwiązanie? Rozważ kod: var Parent = React.createClass({ render: function() { var child = <Child />; return ( <div> {child.someMethod()} //...
Dzwonię do usługi sieciowej za pomocą funkcji pobierania, ale to samo mogę zrobić z pomocą axios. Więc teraz jestem zdezorientowany. Powinienem wybrać axios czy
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ę,...
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...
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}...
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...
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...
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...
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...
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ę...