Mam złożoną stronę internetową używającą komponentów React i próbuję przekonwertować stronę z układu statycznego na bardziej responsywny układ o zmiennym rozmiarze. Jednak wciąż napotykam ograniczenia w React i zastanawiam się, czy istnieje standardowy wzorzec radzenia sobie z tymi problemami. W...
Chcę powiązać, aby zamknąć aktywne okno wyskakujące bootstrap reagowania na escapeprasie. Oto kod _handleEscKey:function(event){ console.log(event); if(event.keyCode == 27){ this.state.activePopover.hide(); } }, componentWillMount:function(){
Czy istnieje sposób, aby React Router otworzył łącze w nowej karcie? Próbowałem tego i nie udało się. <Link to="chart" target="_blank" query={{test: this.props.test}} >Test</Link> Można go spuścić, dodając coś podobnego onClick="foo"do linku, takiego jak to, co mam powyżej, ale...
Zacząłem więc uczyć się Reacta tydzień temu i nieuchronnie dotarłem do problemu stanu i tego, jak komponenty mają komunikować się z resztą aplikacji. Szukałem dookoła i wydaje się, że Redux jest smakiem miesiąca. Przeczytałem całą dokumentację i myślę, że to właściwie całkiem rewolucyjny pomysł....
Mam komponent, który czasami trzeba będzie renderować jako plik, <anchor>a innym razem jako plik <div>. propCzytam w celu ustalenia tego jest this.props.url. Jeśli istnieje, muszę wyrenderować komponent opakowany w plik <a href={this.props.url}>. W przeciwnym razie zostanie po...
Próbuję skonfigurować Google Analytics w mojej witrynie React i natknąłem się na kilka pakietów, ale żaden z nich nie jest tak skonfigurowany, jak ja, jeśli chodzi o przykłady. Miał nadzieję, że ktoś może rzucić na to trochę światła. Pakiet, na który patrzę, to: react-ga . Moja metoda...
Korzystanie z Facebooka React. Na stronie ustawień mam multilinię, w textareaktórej użytkownik może wprowadzić tekst wielowierszowy (w moim przypadku adres). <textarea value={address} /> Kiedy próbuję wyświetlić adres, więc coś w stylu {address}, nie pokazuje podziałów linii i jest w...
Moim celem jest dynamiczne dodawanie komponentów do strony / komponentu nadrzędnego. Zacząłem od podstawowego przykładowego szablonu, takiego jak ten: main.js: var App = require('./App.js'); var SampleComponent = require('./SampleComponent.js'); ReactDOM.render(<App/>,...
Jestem w trakcie wdrażania listy z możliwością filtrowania w React. Struktura listy jest taka, jak pokazano na poniższej ilustracji. PRZESŁANKA Oto opis tego, jak to powinno działać: Stan znajduje się w komponencie najwyższego poziomu, Searchkomponencie. Stan jest opisany następująco: {...
Próbowałem znaleźć odpowiedź na to pytanie, ale większość z nich jest poza kontekstem React, gdzie onChangewyzwala się po rozmyciu. Wykonując różne testy, nie mogę powiedzieć, jak te dwa zdarzenia są różne (po zastosowaniu do obszaru tekstowego). Czy ktoś może rzucić na to trochę światła?...
Po prostu tworzę prostą aplikację do nauki asynchronizacji z Redux. Wszystko działa, teraz chcę po prostu wyświetlić aktualny stan na stronie internetowej. W jaki sposób mogę uzyskać dostęp do stanu sklepu w metodzie renderowania? Oto mój kod (wszystko jest na jednej stronie, bo dopiero się...
Posiadam reduktor i do wyliczenia nowego stanu potrzebuję danych z akcji oraz danych z części stanu nie zarządzanej przez ten reduktor. Konkretnie w reduktorze pokażę poniżej potrzebuję dostępu do accountDetails.stateOfResidenceIdpola. initialState.js: export default { accountDetails: {...
W Reakcie stan nie jest aktualizowany od razu, więc możemy użyć wywołania zwrotnego w setState(state, callback). Ale jak to zrobić w Redux? Po wywołaniu this.props.dispatch(updateState(key, value))muszę natychmiast coś zrobić ze zaktualizowanym stanem. Czy jest jakiś sposób, żebym mógł wywołać...
Chciałbym wiedzieć, jak przełączyć stan boolowski składnika reagującego. Na przykład: Mam kontrolę stanu boolowskiego w konstruktorze mojego komponentu: constructor(props, context) { super(props, context); this.state = { check: false }; }; Próbuję przełączać stan za każdym razem, gdy...
Prawdopodobnie brakuje mi czegoś bardzo oczywistego i chciałbym to wyjaśnić. Oto moje zrozumienie. W naiwnym elemencie reagującym mamy states& props. Aktualizacja statez setStateponownym renderowaniem całego komponentu. propssą w większości tylko do odczytu i ich aktualizowanie nie ma...
Wypróbowuję React-Router (v4) i mam problemy z uruchomieniem Nav, aby mieć jedną z Linknich active. Jeśli kliknę którykolwiek z Linktagów, aktywne rzeczy zaczną działać. Chciałbym jednak, aby Strona główna Linkbyła aktywna zaraz po uruchomieniu aplikacji, ponieważ jest to komponent ładujący się...
Mam ten komponent: import React from 'react'; export default class AddItem extends React.Component { add() { this.props.onButtonClick(this.input.value); this.input.value = ''; } render() { return ( <div className="add-item"> <input type="text" className="add-item__input"...
Zaczynam bawić się aplikacją Create React, ale nie rozumiem, w jaki sposób index.jsjest ładowana index.html. To jest kod HTML: <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1">...
Skonfigurowałem eslint& eslint-plugin-react. Kiedy uruchamiam ESLint, linter zwraca no-unused-varsbłędy dla każdego komponentu React. Zakładam, że nie rozpoznaje, że używam składni JSX lub React. Jakieś pomysły? Przykład: app.js import React, { Component } from 'react'; import Header...
W przeciwieństwie do ListView możemy zaktualizować this.state.datasource. Czy jest jakaś metoda lub przykład aktualizacji FlatList lub ponownego renderowania? Moim celem jest aktualizacja wartości tekstowej, gdy użytkownik naciśnie przycisk ... renderEntries({ item, index }) { return(...