Programowanie reactjs

13

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 używam setObj, aby ponownie ustawić go na pusty …

115 reactjs react-hooks

6

SVG używa tagu i ReactJS

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, że w swoim liście obsługiwanych tagów / atrybutów, ani useczy xlink:hrefsą obsługiwane. Czy można …

114 svg sprite reactjs

3

ReactJS: Modelowanie dwukierunkowego nieskończonego przewijania

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, zanim wydajność przeglądarki stanie się nie do …

114 javascript html infinite-scroll reactjs

6

Strategie renderowania po stronie serwera asynchronicznie zainicjowanych komponentów React.js.

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 serwerze. Powiedzmy, że mam uniwersalny komponent do komentowania, który mogę umieścić w dowolnym miejscu na stronie. Ma …

114 node.js reactjs flux reactjs-flux

6

Ostrzeżenie: nieznana klasa właściwości DOM. Czy chodziło Ci o className?

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 na className. Pytanie brzmi; czy React egzekwuje tę konwencję? Dlaczego muszę używać classNamezamiast …

114 javascript reactjs react-jsx

7

Aktualizuj komponent React co sekundę

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> { this.state.time } </div> ); } componentDidMount() { console.log("TimeComponent Mounted...") } …

114 javascript reactjs

5

Jak odmontować, wycofać lub usunąć komponent z samego siebie w powiadomieniu React / Redux / Typescript

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 zacznę dodawać wartości logiczne jako stan, …

114 reactjs unmount

10

Jak uniknąć dodatkowego zawijania <div> w Reakcie?

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 ten sposób: ... render: function() { return( <div className="DeadSimpleComponent"> <div className="DeadSimpleComponent__time">10:23:12</div …

114 javascript reactjs

13

Łącze zewnętrzne React-Router

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ć do: example.zendesk.com/hc/en-us/articles/123456789-Privacy-Policies Znajduję dokładnie zero pomocy w unikaniu pisania tego w zwykłym JS na moim index.html ładującym się za pomocą czegoś takiego: if …

114 javascript reactjs redirect react-router react-router-redux

1

Reaguj na foreach w JSX

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 className="container"> <h1>{this.props.question.text}</h1> {this.props.question.answers.forEach(answer => { console.log("Entered"); //This does ifre …

114 reactjs react-props

5

Jak używać React.forwardRef w komponencie opartym na klasach?

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 ref.jspliku: const TextInput = React.forwardRef( (props, ref) => …

113 javascript reactjs

4

Do czego służy withRouter w React-router-dom?

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ć?

113 reactjs react-router

15

Jak ustawić tytuł dokumentu w React?

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.

113 javascript reactjs dom

9

Pobieranie parametrów zapytania z fragmentu skrótu reagującego-routera

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, wiem): var routes = ( <Route> <DefaultRoute handler={SearchDisplay}/> <Route name="search" path="?status=:status&page=:page&limit=:limit" handler={SearchDisplay}/> <Route name="xmen" path="candidate/:accountId" handler={XmenDisplay}/> …

112 javascript reactjs client-side react-router client-side-scripting

11

Jaki jest najlepszy sposób na wyzwolenie zdarzenia onchange w reakcji js

Używamy pakietu Backbone + ReactJS do tworzenia aplikacji po stronie klienta. Mocno polegając na notorycznych valueLink, propagujemy wartości bezpośrednio do modelu za pośrednictwem własnego opakowania, które obsługuje interfejs ReactJS do dwukierunkowego wiązania. Teraz stanęliśmy przed problemem: Mamy jquery.mask.jswtyczkę, która programowo formatuje wartość wejściową, więc nie uruchamia zdarzeń React. Wszystko to …

112 reactjs

Pytania otagowane jako reactjs