Pytania oznaczone «reactjs»

Zbudowałem aplikację z ReactNative zarówno na iOS, jak i Androida z rozszerzeniemListView . Podczas wypełniania widoku listy prawidłowym źródłem danych na dole ekranu jest drukowane następujące ostrzeżenie: Ostrzeżenie: każde dziecko w tablicy lub iteratorze powinno mieć unikalną właściwość...

Używam programu Lint z moją aplikacją React i otrzymuję ten błąd: error JSX props should not use arrow functions react/jsx-no-bind I tutaj uruchamiam funkcję strzałki (wewnątrz onClick): {this.state.photos.map(tile => ( <span key={tile.img}> <Checkbox

Jaka jest różnica między programami ładującymi a wtyczkami w pakiecie internetowym? Dokumentacja dla wtyczek tylko mówi: Użyj wtyczek, aby dodać funkcje zwykle związane z pakietami w pakiecie internetowym. Wiem, że babel używa programu ładującego do transformacji jsx / es2015, ale wygląda na...

Zbudowałem stronę internetową z React.js i pakietem webpack . Chcę używać czcionek Google na stronie, więc wstawiam link w sekcji. Czcionki Google <link href="https://fonts.googleapis.com/css?family=Bungee+Inline" rel="stylesheet"> I ustaw CSS body{ font-family: 'Bungee Inline',...

Zdaję sobie sprawę, że to podstawowe pytanie, ale nie udało mi się znaleźć odpowiedzi gdzie indziej. Czy jest store.dispatchsynchroniczne czy asynchroniczne Redux? W przypadku, gdy jest to asynchroniczne, czy istnieje możliwość dodania wywołania zwrotnego po propagowaniu akcji, tak jak jest to...

Czy jest jakiś sposób, aby zapobiec /#/wyświetlaniu się w pasku adresu przeglądarki podczas korzystania z React-router? Tak jest z ReactJS. tzn. kliknięcie linków, aby przejść do nowej trasy pokazuje localhost:3000/#/lub localhost:3000/#/about. W zależności od

Oto mój formularz i metoda onClick. Chciałbym wykonać tę metodę po naciśnięciu klawisza Enter na klawiaturze. W jaki sposób ? Uwaga: jQuery nie jest mile widziane. comment: function (e) { e.preventDefault(); this.props.comment({comment: this.refs.text.getDOMNode().value,...

Używałem już funkcji ECMAScript 6 i ECMAScript 7 (dzięki Babel) w moich aplikacjach - zarówno mobilnych, jak i internetowych. Pierwszym krokiem było oczywiście przejście na poziomy ECMAScript 6. Nauczyłem się wielu wzorców asynchronicznych, obietnic (które są naprawdę obiecujące), generatorów...

Powiedzmy, że mam składnik widoku, który ma renderowanie warunkowe: render(){ if (this.state.employed) { return ( <div> <MyInput ref="job-title" name="job-title" /> </div> ); } else { return ( <div> <MyInput ref="unemployment-reason" name="unemployment-reason"...

Wciąż jestem całkiem nowy w React, ale powoli się ścigałem i napotkałem coś, na czym utknąłem. Próbuję zbudować komponent „timera” w Reakcie i szczerze mówiąc nie wiem, czy robię to dobrze (czy wydajnie). W moim kodu poniżej, ustawić stan powrócić obiektu { currentCount: 10 }i zostały bawiąc...

Coś tak prostego powinno być łatwe do osiągnięcia, ale wyrywam sobie włosy z tego, jak skomplikowane jest to. Chcę tylko animować montaż i odmontowywanie komponentu Reacta, to wszystko. Oto, czego próbowałem do tej pory i dlaczego każde rozwiązanie nie działa: ReactCSSTransitionGroup - W...

Mam mały problem z migracją z React-Router v3 do v4. w wersji 3 mogłem to zrobić wszędzie: import { browserHistory } from 'react-router'; browserHistory.push('/some/path'); Jak mogę to osiągnąć w v4. Wiem, że mógłbym użyć withRouterrekwizytów hoc , kontekstu reakcji lub routera zdarzeń, gdy...

Zainstalowałem eslint-config-airbnb, który ma wstępnie skonfigurować ESLINT dla React: Nasz domyślny eksport zawiera wszystkie nasze reguły ESLint, w tym ECMAScript 6+ i React. Wymaga eslint, eslint-plugin-import, eslint-plugin-act i eslint-plugin-jsx-a11y. Moje .eslintrcrozszerzenie jego...

Bez używania klasy, jak używać PropTypes w funkcjonalnym bezstanowym składniku reagowania? export const Header = (props) => ( <div>hi</div> )

Rozumiem, dlaczego componentDidMountjest to odpowiednie dla wszystkiego, co wymaga dostępu do DOM, ale żądanie AJAX niekoniecznie lub zwykle tego wymaga. Co daje?

Jak możesz osiągnąć zdarzenie najechania lub aktywne zdarzenie w ReactJS, gdy wykonujesz stylizację w tekście? Odkryłem, że podejście onMouseEnter, onMouseLeave jest błędne, więc mam nadzieję, że jest inny sposób, aby to zrobić. W szczególności, jeśli szybko najedziesz kursorem na komponent,...

Pracuję nad aplikacją React przy użyciu routera React-router. Mam stronę projektu, która ma następujący adres URL: myapplication.com/project/unique-project-id Po załadowaniu komponentu projektu wyzwalam żądanie danych dla tego projektu ze zdarzenia componentDidMount. Mam teraz problem, w...

Nie rozumiem, jaki jest cel używania IndexRoute i IndexLink . Wygląda na to, że w każdym przypadku poniższy kod wybrałby najpierw komponent Home, chyba że została aktywowana ścieżka About. <Route path="/" component={App}> <IndexRoute component={Home}/> <Route path="about"...

Chciałem sprawdzić, co się dzieje, gdy używasz this.setState wiele razy (2 razy na potrzeby dyskusji). Myślałem, że komponent zostanie wyrenderowany dwukrotnie, ale najwyraźniej jest renderowany tylko raz. Innym oczekiwaniem było to, że może drugie wywołanie setState przejdzie przez pierwsze,...

Ostatnio dużo studiowałem na temat funkcjonalności i sposobów korzystania z biblioteki Facebooka JavaScript React.js. Mówiąc o swoich różnic z resztą świata JavaScript często dwoma stylami programowania declarativei imperativesą mentionned. Jaka jest różnica między nimi?...