Mam następujący składnik ( radioOther.jsx): 'use strict'; //module.exports = <-- omitted in update class RadioOther extends React.Component { // omitted in update // getInitialState() { // propTypes: { // name: React.PropTypes.string.isRequired // } // return { // otherChecked:...
Bawiłem się nowym systemem przechwytywania w React 16.7-alpha i utknąłem w nieskończonej pętli w useEffect, gdy obsługiwany stan jest obiektem lub tablicą. Najpierw używam useState i inicjuję go z pustym obiektem, takim jak ten: const [obj, setObj] = useState({}); Następnie w useEffect...
Oto podstawowy element. Obie funkcje <ul>i <li>mają onClick. Chcę tylko onClick, <li>aby odpalić, a nie <ul>. Jak mogę to osiągnąć? Bawiłem się z e.preventDefault (), e.stopPropagation (), ale bezskutecznie. class List extends React.Component { constructor(props) {...
Ten błąd pojawia się podczas tworzenia natywnej aplikacji na iOS w Xcode. Zaczęło się otrzymywać ten błąd po instalacji npm i połączeniu rpm -a biblioteki act-native-fs . Ale po wyszukaniu rozwiązania w Internecie zauważyłem, że wiele osób otrzymuje ten sam błąd podczas instalowania innych...
Używam tego samego komponentu dla trzech różnych tras: <Router> <Route path="/home" component={Home} /> <Route path="/users" component={Home} /> <Route path="/widgets" component={Home} /> </Router> Czy w ogóle da się to połączyć, aby wyglądało...
Nasza aplikacja wykorzystuje nieskończone przewijanie do nawigacji po dużych listach heterogenicznych elementów. Zmarszczek jest kilka: Często zdarza się, że nasi użytkownicy mają listę 10 000 pozycji i muszą przewijać ponad 3 tys. Są to bogate elementy, więc w DOM możemy mieć tylko kilkaset,...
Bawiłem się Reactem i mam następujący składnik czasu, który po prostu renderuje Date.now()się na ekranie: import React, { Component } from 'react'; class TimeComponent extends Component { constructor(props){ super(props); this.state = { time: Date.now() }; } render(){ return( <div> {...
Jedną z największych zalet React.js ma być renderowanie po stronie serwera . Problem polega na tym, że funkcja klucza React.renderComponentToString()jest synchroniczna, co uniemożliwia ładowanie jakichkolwiek danych asynchronicznych, gdy hierarchia komponentów jest renderowana na...
Więc zwykle, aby dołączyć większość moich ikon SVG, które wymagają prostej stylizacji, robię: <svg> <use xlink:href="/svg/svg-sprite#my-icon" /> </svg> Teraz gram z ReactJS jak późno oceniając go jako ewentualny składnik mojego nowego frontonu stosie rozwoju jednak zauważyłem,...
Właśnie zacząłem poznawać Reacta, dodając komponent z prostą funkcją renderującą: render() { return <div class="myApp"></div> } Po uruchomieniu aplikacji pojawia się następujący błąd: Warning: Unknown DOM property class. Did you mean className? Mogę to rozwiązać, zmieniając class...
Ponieważ używam routera React do obsługi tras w aplikacji Reaguj, jestem ciekaw, czy istnieje sposób na przekierowanie do zasobu zewnętrznego. Powiedz, że ktoś uderza: example.com/privacy-policy Chciałbym przekierować
Dzisiaj zacząłem uczyć się ReactJS i po godzinie napotkałem problem ... Chcę wstawić na stronie komponent, który ma dwa wiersze w div. Poniżej uproszczony przykład tego, co robię. Mam html: <html> .. <div id="component-placeholder"></div> .. </html> Renderuj funkcję w...
Mam obiekt, który chcę wyprowadzić za pośrednictwem REACT question = { text: "Is this a good question?", answers: [ "Yes", "No", "I don't know" ] } a mój składnik reagowania (zmniejszony) jest kolejnym składnikiem class QuestionSet extends Component { render(){ <div...
Wiem, że to pytanie zadawano już kilka razy, ale w większości przypadków rozwiązaniem jest radzenie sobie z tym u rodzica, ponieważ przepływ odpowiedzialności jest tylko malejący. Czasami jednak musisz zabić komponent jedną z jego metod. Wiem, że nie mogę modyfikować jego właściwości, a jeśli...
Mam czasami postrzegane ludzie owinąć ich komponentów w withRouterprzypadku ich wywozu są: import { withRouter } from 'react-router-dom'; class Foo extends React.Component { // ... } export default withRouter(Foo); Do czego to służy i kiedy powinienem go używać?
Chciałbym ustawić tytuł dokumentu (w pasku tytułu przeglądarki) dla mojej aplikacji React. Próbowałem użyć react-document-title (wydaje się nieaktualne) i ustawienia document.titlew constructorand componentDidMount()- żadne z tych rozwiązań nie działa.
Próbuję użyć React.forwardRef, ale potykam się, jak sprawić, by działał w komponencie opartym na klasach (nie HOC). Przykłady dokumentacji wykorzystują elementy i komponenty funkcjonalne, a nawet zawijają klasy w funkcje dla komponentów wyższego rzędu. Tak więc, zaczynając coś jak to w swoim...
W samouczku reag.js widzimy użycie podwójnych nawiasów klamrowych: <span dangerouslySetInnerHTML={{ __html: rawMarkup }} /> A następnie w drugim samouczku „Myślenie w reakcji” : <span style={{ color: 'red' }}> {this.props.product.name} </span>; Jednak dokumentacja React JSX...
Chciałbym zapytać, dlaczego mój stan się nie zmienia, kiedy robię wydarzenie onclick. Szukałem jakiś czas temu, że muszę powiązać funkcję onclick w konstruktorze, ale nadal stan nie jest aktualizowany. Oto mój kod: import React from 'react'; import Grid from 'react-bootstrap/lib/Grid'; import...
Używam routera React i React dla mojej aplikacji po stronie klienta. Nie mogę dowiedzieć się, jak uzyskać następujące parametry zapytania z adresu URL, takiego jak: http://xmen.database/search#/?status=APPROVED&page=1&limit=20 Moje trasy wyglądają tak (ścieżka jest całkowicie błędna,...