网站搜索
javascript - 将返回 promise 的函数放入 redux 状态
我稍后会解释为什么我想这么做。问题如下。我有一个返回 Promise 的函数，如下所示：
const testFunc = () => { return new Promise((resolve, reject) => { setTimeout(() => { if (Math.random() > 0.5) { resolve('succeeded'); } else { reject('failed'); } }, 1000); }); };不出
阅读更多 →javascript - 使用 Gulp/Browserify 时 Redux 的 NODE_ENV 错误
我在一个使用 React/Redux 的应用上遇到了这个错误信息，该应用经过 Browserify 和 Gulp 打包压缩，并部署到 Heroku。
但似乎构建步骤是在 NODE_ENV='production' 下进行的。
我有一个任务是这样设置环境变量的
gulp.task('apply-prod-environment', function() { return process.env.NODE_ENV = 'production'; });Heroku 上的日志显示环境是生产环境：
阅读更多 →javascript - 链式调用 Redux 操作
我对 React、Redux 和整体的 JS 都是新手。我想知道如何在一个动作完成后派发另一个动作——以正确的方式使用 Promise。我的代码实际上可以运行，但它不断抛出错误：
readingActions.js?14b9:56 Uncaught (in promise) TypeError: dispatch(...).then is not a function(…)这是我的设置。
这是我的动作创建器，我想要链式动作以及警告发生的地方。
export function createReading(reading) { return function (dispatch) { dispatch({type: CREATE_READING}); return request( `${API_URL}new`, {method: 'POST', body:JSON.stringify(reading)}, (json) 阅读更多 →
javascript - React Redux - 在辅助函数中访问现有的 store
我正在尝试在 React 组件外部获取 store 实例（store 状态），也就是在一个单独的辅助函数中。我有我的 reducer、我的 action，并且我已经在最顶层的组件中创建了 store。
// configStore.js import { createStore } from 'redux'; import generalReducers from '../reducers/generalReducers'; export default function configStore(initialState) { ret
阅读更多 →javascript - Redux Thunk 返回 dispatch 不起作用
使用 Redux Thunk，第一个 log ‘OK’ 是正常的，但进程没有进入第二个 console.log。
有人知道出了什么问题吗？谢谢
export const postTweet = (body) => { console.log('OK') return dispatch => { console.log('NO LOG') } }答案＃1
你应该使用 dispatch(postTweet(body))。仅仅在组件中像 postTweet(body) 这样调用 postTweet 是不起作用的。
阅读更多 →javascript - 将 NextJS、next-i18next、with-redux、with-redux-saga 连接起来："错误：如果你在自定义的 _app.js 文件中有 getInitialProps 方法..."
我正在尝试将一个使用 'with-redux-saga' 和 'with-redux' 的正常运行的 NextJS/React 应用程序连接到 'next-i18next' (https://github.com/isaachinman/next-i18next) —— 但是当我的应用启动时，我收到以下错误：
错误：如果你在自定义的 _app.js 文件中有 getInitialProps 方法，你必须明确返回 pageProps。更多信息请参见：https://github.com/ze
阅读更多 →javascript - Redux RTK Query：仅使列表中的单个元素失效
我为 RTK 查询定义了以下 API：
export const postsApi = createApi({ reducerPath: "postsApi", baseQuery: fetchBaseQuery({ baseUrl: 'https://myservice.co/api/v2/' }), tagTypes: ["Posts"], endpoints: (builder) => ({ getAllPosts: builder.query({ query: () =& 阅读更多 →javascript - 在使用 redux 时，React 组件中应该如何处理取消订阅？
在我的组件中，我有以下内容：
componentWillMount: function () { this.unsubscribe = store.subscribe(function () { this.setState({message: store.getState().authentication.message}); }.bind(this)); }, componentWillUnmount: function () { this.unsubscribe(); }, 阅读更多 →javascript - 使用 Websockets 的 Redux-thunk
我想在某些组件想要订阅数据时按需创建一个 websocket。我如何以 redux 的方式共享 websocket 实例？
action.js
export function subscribeToWS(url) { return dispatch => { let websocket = new WebSocket(url) websocket.on('connect', () => { websocket.send("subscribe") } websocket.on('message', (message) => { dispatch(storeNewData(message)) } } }我可以做类似这样的事情，但这将需要为每个新的订阅创建一个新的实例。
答案＃1
像持久连接对象这样的东
阅读更多 →javascript - 在 onChange 事件中获取 redux-form 的值
在每次表单更新后，从 redux-form 管理的表单中获取值的正确方法是什么？我需要在表单每次变化时分发一个 action，使用表单中输入的值。
我当前的解决方案获取的是旧值，而不是刚刚更新的值。
onFormChange(e) { const { fieldValue1, fieldValue2, fieldValue3 } = this.props.fields; console.log(fieldValue1.value, fieldValue2.value, fieldValue3.value); } render() { return 阅读更多 →