javascript - Bagaimana anda boleh mengakses stor redux dari fungsi pembantu bukan komponen?

Saya mempunyai fungsi pembantu yang saya panggil apabila saya ingin memadam sesuatu dari stor redux saya. Walau bagaimanapun, saya perlu dapat mengakses stor semasa di dalam fungsi untuk membuat penentuan tentang apa yang perlu dilakukan seterusnya. Ini apa yang saya ingin lak

Baca lagi →

javascript - Tindakan React Redux Fetch mengembalikan "415 (Jenis Media Tidak Disokong)" dan "401 (tidak dibenarkan)"

Saya mempunyai satu tindakan yang mencipta fetch untuk POST klien kembali ke API.

Saya menghantar JWT dalam "headers" yang sendiri bukan masalah kerana ia juga digunakan dalam GET yang berfungsi dengan baik... tetapi tidak dalam POST. Berikut adalah tindakan saya:

export const createNewClient = (payload) => (dispatch, getState) => { dispatch({ type: REQUEST_CREATE_NEW_CLIENT, payload }) const jwt = getJwt() if (!jwt) { throw new Error('

Baca lagi →

javascript - React-Redux/Jest Pelanggaran Invarian: Tidak dapat menemukan "store"

Saya mempunyai satu set fail ujian yang mudah yang hampir sama dengan yang digunakan oleh create-react-app:

App.test.js

import React from 'react'; import ReactDOM from 'react-dom'; import { App } from './App'; it('renders without crashing', () => { const d

Baca lagi →

javascript - Bagaimana Redux mengubah UI dalam React?

Saya telah berusaha keras untuk memahami konsep ini tetapi tidak berjaya. Tutorial rasmi React memang bagus tetapi bagi saya ia terlalu kompleks dan memang agak sukar.

Saya sedang cuba memahami Redux dan setakat ini saya boleh mencipta actions, reducers, saya boleh menghantar (dispatch) satu action dan kemudian melihat bagaimana keadaan st

Baca lagi →

javascript - Patutkah saya menangkap ralat janji Redux semasa dispatch atau hanya mengendalikannya di reducer?

Jadi secara asasnya saya sedang menghantar tindakan dengan thunk dan redux-promise-middleware, yang membuat panggilan API yang mengembalikan janji. Saya kemudian menghantar janji yang dikembalikan kepada pencipta tindakan lain sebagai argumen 'payload',

Baca lagi →

javascript - Menguji tindakan redux

Saya sedang mencuba untuk melaksanakan jest dengan tindakan redux kami. Berdasarkan tindakan foo di bawah dan ujian yang mengikutinya, ujian berikut gagal kerana store.getActions() hanya mengembalikan [{"type": "ACTION_ONE"}] seperti yang sepatutnya [{"type": "ACTION_ONE"}, {"type": &qu

Baca lagi →

javascript - React Redux connect() dengan Redux thunk

Saya mempunyai masalah ketika menggunakan Redux thunk dengan kaedah connect() dari react-redux. Saya mempunyai kod berikut:

function Component(props) { return ( <button onClick={props.callback}>Click here</button> ); } function actionCreator() { console.log('#1'); return dispa

Baca lagi →

javascript - redux-form onSubmit menyegarkan semula halaman

Saya baru dalam redux-form dan saya menghadapi masalah pelik dengan pengendalian onSubmit.

Apabila saya menyediakan projek saya tepat seperti dalam contoh redux-form di sini http://redux-form.com/6.7.0/examples/syncValidation/ ia berfungsi seperti yang diharapkan. Saya telah mencuba untuk mengembangkan contoh ini mengikut keperluan saya

Baca lagi →

javascript - Redux + Typescript -> Ralat: Pengurang kes pada nilai bukan draf tidak boleh mengembalikan undefined redux

Saya sedang cuba mengimport typescript dalam aplikasi redux saya. Saya menggunakan fungsi redux toolkit createSlice seperti ini:

const slice = createSlice({ name: sliceName, initialState, reducers: { updateMode(state: SliceState, action: Pay

Baca lagi →

reactjs - Aplikasi React+Redux mudah menyebabkan "AMARAN: Argumen terakhir yang dihantar ke useMemo bertukar saiz antara render." untuk setiap perubahan keadaan

Saya telah membuat aplikasi react+redux yang sangat mudah, tetapi dengan sebarang tindakan yang dihantar, saya mendapat 7 amaran di konsol pelayar mengenai ketidakpadanan dalam argumen useMemo. Di bawah adalah yang pertama:

Warning:

Baca lagi →