Pochodzę ze świata kątowego, w którym mogłem wyodrębnić logikę do usługi / fabryki i skonsumować ją w moich kontrolerach. Próbuję zrozumieć, jak mogę osiągnąć to samo w aplikacji React. Powiedzmy, że mam komponent, który weryfikuje wprowadzone hasło użytkownika (jest to siła). Jego logika jest...
Używam środowiska IDE online Cloud9.io ubuntu VM i ograniczyłem się, rozwiązując ten błąd, do uruchamiania aplikacji z serwerem deweloperskim Webpack. Uruchamiam go za pomocą: webpack-dev-server -d --watch --history-api-fallback --host $IP --port $PORT $ IP to zmienna, która ma adres hosta, a $...
W oficjalnych dokumentach React wspomina: Jeśli znasz metody cyklu życia klasy React, możesz pomyśleć o hooku useEffect jako połączeniu componentDidMount, componentDidUpdate i componentWillUnmount. Moje pytanie brzmi - jak możemy wykorzystać componentWillMount()metodę cyklu życia w...
W przypadku React 16.8.6 (było dobrze w poprzedniej wersji 16.8.3), pojawia się ten błąd, gdy próbuję zapobiec nieskończonej pętli w żądaniu pobierania ./src/components/BusinessesList.js Line 51: React Hook useEffect has a missing dependency: 'fetchBusinesses'. Either include it or remove the...
Jestem bardzo nowy w React JS (tak jak w, dopiero dzisiaj zacząłem). Nie do końca rozumiem, jak działa setState. Łączę React i Easel JS, aby narysować siatkę na podstawie danych wejściowych użytkownika. Oto mój bin JS: http://jsbin.com/zatula/edit?js,output Oto kod: var stage; var Grid =...
Tworzę projekt ReactJS z create-react-apppakietem i działa dobrze, ale nie mogę znaleźć plików i konfiguracji pakietu webpack . Jak działa aplikacja react-create-app z pakietem internetowym? Gdzie znajdują się pliki konfiguracyjne pakietu WebPack w domyślnej instalacji create-react-app? Nie mogę...
Czy jest jakaś różnica „za kulisami” między ustawieniem internalHTML elementu a ustawieniem właściwości niebezpiecznejSetInnerHTML elementu? Załóżmy, że odpowiednio odkażam rzeczy ze względu na prostotę. Przykład: var test = React.createClass({ render: function(){ return ( <div...
Mam problem ze zaktualizowaniem stanu pola wyboru po przypisaniu mu wartości domyślnej checked="checked"w Reakcie. var rCheck = React.createElement('input', {type: 'checkbox', checked:'checked', value: true}, 'Check here'); Po przypisaniu checked="checked"nie mogę zmienić stanu pola wyboru,...
Za pomocą tego kodu: import React from 'react'; import { Link } from 'react-router'; import { View, NavBar } from 'amazeui-touch'; import * as Pages from '../components'; const { Home, ...Components } = Pages; Otrzymuję ten błąd eslint: 7:16 error Parsing error: Unexpected token .. Why? Oto...
Mam problem, na który nie mam pomysłu, jak go rozwiązać. W moim komponencie reagowania wyświetlam długą listę danych i kilka linków na dole. Po kliknięciu któregokolwiek z tych linków wypełniam listę nowym zbiorem linków i muszę przewinąć do góry. Problem w tym, jak przewinąć do góry po...
Próbuję się nauczyć haczyków, a useStatemetoda wprawiła mnie w zakłopotanie. Przypisuję wartość początkową do stanu w postaci tablicy. Metoda set w useStatenie działa nawet z spread(...)lub without spread operator. Zrobiłem API na innym komputerze, który wywołuję i pobieram dane, które chcę ustawić...
Staram się dynamicznie renderować komponenty na podstawie ich typu. Na przykład: var type = "Example"; var ComponentName = type + "Component"; return <ComponentName />; // Returns <examplecomponent /> instead of <ExampleComponent /> Wypróbowałem rozwiązanie zaproponowane tutaj...
Używam React i Redux do tworzenia aplikacji internetowej, a kiedy zaczynałem projekt, otrzymałem to: Line 13: Unexpected use of 'location' no-restricted-globals Search for the keywords to learn more about each error. Dużo szukam sposobu rozwiązania tego problemu, ale żadna ze znalezionych...
Jestem nowy w React JavaScript. Próbuję wyłączyć przycisk, gdy pole wejściowe jest puste. Jakie jest najlepsze podejście w Reakcie do tego? Robię coś takiego: <input ref="email"/> <button disabled={!this.refs.email}>Let me in</button> Czy to jest poprawne? To nie tylko powielanie...
Obecnie przeprowadzam migrację aplikacji React do TypeScript. Jak dotąd działa to całkiem nieźle, ale mam problem ze zwracanymi typami moich renderfunkcji, odpowiednio, z komponentami funkcji. Do tej pory zawsze używałem JSX.Elementjako typu zwracanego, teraz to już nie działa, jeśli komponent...
Mogę trafić na ten punkt końcowy http://catfacts-api.appspot.com/api/facts?number=99przez Postman i wracaJSON Dodatkowo używam aplikacji create-react-app i chciałbym uniknąć konfigurowania jakiejkolwiek konfiguracji serwera. W moim kodzie klienta próbuję fetchzrobić to samo, ale pojawia się...
Jak mogę załadować obraz z lokalnego katalogu i dołączyć go do reactjs img srctagu? Mam obraz o nazwie one.jpegw tym samym folderze co mój komponent i próbowałem obu <img src="one.jpeg" />i <img src={"one.jpeg"} />wewnątrz mojej renderfunkcji, ale obraz się nie pojawia. Nie mam również...
Obecnie przechodzę przez samouczki React-Native. Zacząłem od samouczka Getting Started, w którym stworzyłem nowy projekt natywny Reaguj i udało mi się uruchomić projekt na moim urządzeniu. Następnie uruchomiłem samouczek dotyczący rekwizytów , skopiowałem fragment kodu i próbowałem ponownie...
W Reakcie 16.2 Fragmentsdodano ulepszone wsparcie dla . Więcej informacji można znaleźć w poście na blogu Reacta tutaj. Wszyscy znamy następujący kod: render() { return ( // Extraneous div element :( <div> Some text. <h2>A heading</h2> More text. <h2>Another...
Czy ktoś może wyjaśnić różnicę między <Route exact path="/" component={Home} /> i <Route path="/" component={Home} /> Nie znam znaczenia słowa