To jest przykład ze strony aplikacji Google Adsense. Ekran ładowania wyświetlany przed wyświetleniem strony głównej po. Nie wiem, jak zrobić to samo z Reactem, ponieważ jeśli wykonam ekran ładowania renderowany przez komponent React, nie wyświetla się on podczas ładowania strony, ponieważ musi...
Używam Redux. W moim reduktorze próbuję usunąć właściwość z obiektu takiego: const state = { a: '1', b: '2', c: { x: '42', y: '43' }, } I chcę mieć coś takiego bez konieczności modyfikowania pierwotnego stanu: const newState = { a: '1', b: '2', c: { x: '42', }, } Próbowałem: let...
Pełny kod tutaj: https://gist.github.com/js08/0ec3d70dfda76d7e9fb4 Cześć, Mam aplikację, w której pokazuje różne szablony dla komputerów stacjonarnych i mobilnych w oparciu o środowisko kompilacji. Z powodzeniem mogę go opracować tam, gdzie muszę ukryć menu nawigacyjne dla mojego szablonu...
Jak dodać elementy w mojej tablicy arr[]stanu Redux w reduktorze? Robię to- import {ADD_ITEM} from '../Actions/UserActions' const initialUserState = { arr:[] } export default function userState(state = initialUserState, action) { console.log(arr); switch (action.type) { case ADD_ITEM:...
Jaka jest różnica między komponentem a pojemnikiem w React Redux?
Użyłem Redux-Saga . Kod napisany za jego pomocą jest jak dotąd łatwy do uzasadnienia, poza tym, że funkcja generatora JS od czasu do czasu psuje mi głowę. Z mojego zrozumienia, Redux-Observable może osiągnąć podobną pracę, która obsługuje efekty uboczne, ale bez używania funkcji...
Zamiast pisać moje komponenty wewnątrz klasy, chciałbym zamiast tego użyć składni funkcji. Jak mogę nadpisać componentDidMount, componentWillMountwewnątrz elementów funkcyjnych? Czy to w ogóle możliwe? const grid = (props) => { console.log(props); let {skuRules} = props; const...
Mam aplikację react / redux, która pobiera token z serwera API. Po uwierzytelnieniu użytkownika chciałbym, aby wszystkie żądania axios miały ten token jako nagłówek autoryzacji bez konieczności ręcznego dołączania go do każdego żądania w akcji. Jestem dość nowy, jeśli chodzi o reakcję / redukcję i...
Mam jeden formularz, który służy do tworzenia, odczytywania, aktualizowania i usuwania. Stworzyłem 3 komponenty o tej samej formie, ale przekazuję im różne rekwizyty. Mam CreateForm.js, ViewForm.js (tylko do odczytu za pomocą przycisku usuwania) i UpdateForm.js. Kiedyś pracowałem z PHP, więc...
Mam problem podczas przechodzenia na inną stronę, jej pozycja pozostanie taka sama, jak poprzednia strona. Więc nie przewinie się automatycznie do góry. Próbowałem też użyć window.scrollTo(0, 0)na onChangerouterze. Kiedyś też scrollBehaviornaprawiałem ten problem, ale to nie zadziałało. Jakieś...
Jestem początkującym użytkownikiem języka javascript / redux / react, budującym małą aplikację za pomocą Redux, React-Redux i React. Z jakiegoś powodu, gdy używam funkcji mapDispatchToProps w tandemie z connect (wiązanie react-redux), otrzymuję TypeError wskazujący, że wysyłanie nie jest funkcją,...
Jak uzyskać dostęp do stanu redux w funkcji sagi? Krótka odpowiedź: import { select } from 'redux-saga/effects'; ... let data = yield
Próbuję wysłać żądanie GET jako drugi parametr, ale nie działa, gdy działa jako adres URL. To działa, $ _GET ['naam'] zwraca test: export function saveScore(naam, score) { return function (dispatch) { axios.get('http://****.nl/****/gebruikerOpslaan.php?naam=test') .then((response) => {...
Tworzę aplikację, która będzie musiała być dostępna w wielu językach i lokalizacjach. Moje pytanie nie jest czysto techniczne, ale dotyczy raczej architektury i wzorów, których ludzie używają w produkcji, aby rozwiązać ten problem. Nie mogłem nigdzie znaleźć żadnej "książki kucharskiej", więc...
Będąc początkującym w świecie React, chcę dogłębnie zrozumieć, co się dzieje, gdy używam {this.props.children}i jakie są sytuacje , w których mogę tego samego użyć. Jakie jest jego znaczenie w poniższym fragmencie kodu? render() { if (this.props.appLoaded) { return ( <div> <Header...
Otrzymuję następujący błąd podczas próby uruchomienia mojej aplikacji React: ./src/components/App/App.js Błąd podczas próby importu: „CombinedReducers” nie jest eksportowany z „../../store/reducers/”. Oto jak eksportuję combineReducers: import { combineReducers } from 'redux'; import...
Wiem, że nie powinienem modyfikować danych wejściowych i powinienem sklonować obiekt, aby go zmutować. Postępowałem zgodnie z konwencją stosowaną w projekcie startowym Redux, w której zastosowano: ADD_ITEM: (state, action) => ({ ...state, items: [...state.items, action.payload.value],...
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ć
Wiem, że Redux jest lepszą "implementacją" Fluxa, albo lepiej mówiąc, że jest to przeprojektowanie mające na celu uproszczenie rzeczy (zarządzanie stanem aplikacji). Wiele słyszałem o programowaniu reaktywnym (RxJS), ale jeszcze nie nurkowałem, aby się go nauczyć. Więc moje pytanie brzmi: czy są...
Czy należy kiedykolwiek używać this.setState()reduxu? A może zawsze powinieneś wykonywać akcje i polegać na