Używam pakietu webpack do budowania moich komponentów reagowania i próbuję użyć extract-text-webpack-plugindo oddzielenia mojego css od mojego wygenerowanego pliku js. Jednak, gdy próbuję zbudować komponentu pojawia się następujący błąd: Module build failed: ReferenceError: window is not...
Czy ktoś wie, jak ograniczyć dostęp do określonych tras w routerze reagującym? Chcę sprawdzić, czy użytkownik jest zalogowany przed zezwoleniem na dostęp do określonej trasy. Myślałem, że to będzie proste, ale dokumentacja nie jest jasna, jak to zrobić. Czy jest to coś, co powinienem...
Mam router jak poniżej: <Router history={hashHistory}> <Route path="/" component={App}> <IndexRoute component={Index}/> <Route path="login" component={Login}/> </Route> </Router> Oto, co chcę osiągnąć: Przekieruj użytkownika do, /loginjeśli nie jest...
Jak sprawić, by zareagował, wyrenderuj to? <input id={field.name} className="form-control" type="text" placeholder={field.name} autocomplete="off" {...field}/>
Patrząc na ten przykład React Router Dom v4 https://reacttraining.com/react-router/web/example/auth-workflow , widzę, że komponent PrivateRoute niszczy taką propozycję resztową const PrivateRoute = ({ component: Component, ...rest }) => ( <Route {...rest} render={props => (...
W większości przypadków posiadanie tagu nadrzędnego nie stanowi problemu. React.createClass({ render: function() { return ( <tbody> <tr><td>Item 1</td></tr> <tr><td>Item 2</td></tr> </tbody> ); } }); Ale są pewne przypadki,...
Jestem trochę nowy w React i próbuję ustawić className jako string + prop. Ale nie jestem pewien, jak to zrobić i czy jest to najlepsza praktyka. Więc to, co próbuję zrobić, a to oczywiście nie działa, to: <a data-featherlight='string' + {this.props.data.imageUrl}> Jak bym to napisał?...
Mam zamiar zareagować na użycie angular i próbuję znaleźć dobrą alternatywę dla dyrektywy ng-if angulara, w której renderuję lub nie renderuję elementu na podstawie warunku. Weźmy na przykład ten kod. Przy okazji używam maszynopisu (tsx), ale to nie powinno mieć większego znaczenia. "use...
create-react-appStworzyłem nową aplikację React przy użyciu cli. Następnie dodałem 'react-redux'bibliotekę za pomocąnpm install --save react-redux . W package.jsonmam: "react-redux": "^4.4.5" Niestety aplikacja się nie kompiluje i narzeka na: Error in
Napisałem kod do renderowania powtarzających się elementów w ReactJS, ale nienawidzę tego, jak brzydki jest. render: function(){ var titles = this.props.titles.map(function(title) { return <th>{title}</th>; }); var rows = this.props.rows.map(function(row) { var cells = []; for...
W przeciwieństwie do burzy internetowej, nie mogę komentować kodu JSX w .jsplikach w Visual Studio Code.
Próbuję zbudować projekt za pomocą webpacka i zareagować tą konfiguracją webpacka: var path = require('path'); var webpack = require('webpack'); module.exports = { entry: [ 'babel-polyfill', './app/less/main.less', './app/main.js', 'webpack-dev-server/client?http://localhost:8080' ],...
Jak naprawić Could not find plugin "proposal-numeric-separator"błąd pojawia się, gdy próbuję zbudować aplikację React, jeszcze jej nie wysunąłem: ./src/index.js Error: [BABEL] /home/pc/Downloads/project/src/index.js: Could not find plugin "proposal-numeric-separator". Ensure there is an entry in...
Po przejściu na natywną wersję 0.61 otrzymuję wiele takich ostrzeżeń: VirtualizedLists should never be nested inside plain ScrollViews with the same orientation - use another VirtualizedList-backed container instead. Z czego jeszcze VirtualizedList-backed containerpowinienem korzystać i dlaczego...
Standardowy sposób korzystania z React useState Hook jest następujący: const [count, setCount] = useState(0); Jednak ta const countzmienna zostanie wyraźnie przypisana do innej pierwotnej wartości. Dlaczego zatem zmienna nie jest zdefiniowana jako let
Oto problem: próbuję wywołać 2 funkcje jednym kliknięciem przycisku. Obie funkcje aktualizują stan (używam haka useState). Pierwsza funkcja poprawnie aktualizuje wartość 1 do „nowej 1”, ale po 1 s (setTimeout) uruchamia się druga funkcja i zmienia wartość 2 na „nową 2” ALE! Ustawia wartość 1 z...
Próbuję wymyślić, jak korzystać z nasłuchiwania Firebase, aby dane firestore w chmurze były odświeżane za pomocą aktualizacji hooków reagowania. Początkowo zrobiłem to przy użyciu komponentu klasy z funkcją componentDidMount, aby uzyskać dane firestore. this.props.firebase.db...
Pracuję nad prostą aplikacją rozruchową z reakcją sprężynową, ale z powodu problemu z GitHub odtwarzam pliki startowe aplikacji za pomocą IntelliJ i instaluję moduły węzłów, korzystając z danych zależności pliku package.json poprzedniej aplikacji. Jeśli użyję zwijanego paska nawigacyjnego (pasek...
Wdrażam aplikację React, ale pojawia się dziwny błąd podczas odwiedzania strony przez https. Gdy odwiedzam stronę przez https, pojawia się następujący błąd: SecurityError: Nie udało się zbudować „WebSocket”: Niebezpieczne połączenie WebSocket może nie zostać zainicjowane ze strony załadowanej...
on react-native init ProjectName, główny plik aplikacji App.jszawiera deklarację komponentu w następujący sposób: const App: () => React$Node = () => {...} Co to znaczy ta instrukcja? Mam na myśli, jestem przyzwyczajony do komponentu zdefiniowanego jako const App = () => {...}, więc nie...