草庐IT

redux-middleware

全部标签

javascript - 如何使用 connect w/Redux 从 this.props 获得简单的调度?

我有一个连接起来的简单React组件(映射一个简单的数组/状态)。为了避免引用商店的上下文,我想要一种直接从Prop中获取"dispatch"的方法。我见过其他人使用这种方法,但由于某种原因无法访问它:)这是我目前使用的每个npm依赖项的版本"react":"0.14.3","react-redux":"^4.0.0","react-router":"1.0.1","redux":"^3.0.4","redux-thunk":"^1.0.2"这是带有连接方法的组件classUsersextendsReact.Component{render(){const{people}=this.p

javascript - React + Redux - 在表单组件中处理 CRUD 的最佳方式是什么?

我有一个用于创建、读取、更新和删除的表单。我创建了3个具有相同形式的组件,但我向它们传递了不同的Prop。我得到了CreateForm.js、ViewForm.js(带有删除按钮的只读)和UpdateForm.js。我以前使用PHP,所以我总是以一种形式完成这些工作。我使用React和Redux来管理商店。当我在CreateForm组件中时,我将此PropcreateForm={true}传递给我的子组件,以不使用值填充输入并且不禁用它们。在我的ViewForm组件中,我传递了这个Propreadonly="readonly"。我遇到了另一个问题,文本区域填充了一个值并且不可更新。Re

Go Dep - 在 dep 确保后缺少子包 "chi/middleware"

运行depensure后,go-chi缺少中间件子包。project-backend|main.go:8:2:cannotfindpackage"github.com/go-chi/chi/middleware"inanyof:project-backend|/go/src/backend/vendor/github.com/go-chi/chi/middleware(vendortree)project-backend|/usr/local/go/src/github.com/go-chi/chi/middleware(from$GOROOT)project-backend|/go/

go - Go http 客户端有 'middleware' 吗?

我想问一下我们是否可以为Gohttp客户端创建“中间件”功能?示例我想添加一个日志功能,以便记录每个发送的请求,或者添加setAuthToken,以便将token添加到每个请求的header中。 最佳答案 您可以在HTTP客户端中使用Transport参数来实现该效果,使用组合模式,使用以下事实:http.Client.Transport定义将处理所有HTTP请求的函数;http.Client.Transport的接口(interface)类型为http.RoundTripper,因此可以替换为您自己的实现;例如:packagema

node.js - 如何使用 MongoDB + NodeJS Express 向 ReactJS React Router 和 Redux 添加登录身份验证和 session ?

我有一个MongoDB+NodeJSExpress服务器,正在运行Webpack,并且能够使用数据库凭据注册用户。我现在想在用户登录时添加身份验证和session。我正在研究Passport.js但似乎无法掌握如何将所有内容放在一起。最好的方法是什么?任何示例和指导将不胜感激。到目前为止,这些是我的设置。对于服务器:varexpress=require('express');varpath=require('path');varconfig=require('../webpack.config.js');varwebpack=require('webpack');varwebpackD

node.js - 如何使用 MongoDB + NodeJS Express 向 ReactJS React Router 和 Redux 添加登录身份验证和 session ?

我有一个MongoDB+NodeJSExpress服务器,正在运行Webpack,并且能够使用数据库凭据注册用户。我现在想在用户登录时添加身份验证和session。我正在研究Passport.js但似乎无法掌握如何将所有内容放在一起。最好的方法是什么?任何示例和指导将不胜感激。到目前为止,这些是我的设置。对于服务器:varexpress=require('express');varpath=require('path');varconfig=require('../webpack.config.js');varwebpack=require('webpack');varwebpackD

node.js - 在 redux 中处理权限

使用node-redux堆栈。我们在客户端有actioncreators,在后端有reducers+reduxstate。我有以下实现权限的建议:操作是在客户端创建的,即使是经过身份验证的用户,这些操作也可能是恶意的。Action被发送到服务器。请求在服务器端进行身份验证,并确定用户权限。这些操作通过位于Node服务器内部的redux中间件。中间件根据为操作类型指定的权限检查用户权限。如果用户对操作具有正确的权限,那么reducer会创建一个新的redux状态(它也存在于服务器上)。问题:每个Action类型都与一组权限相关联,这意味着我们需要非常小心地创建我们的reducer,这样我

javascript - 是否可以在服务器端使用带有 NGINX 的 Webpack-Hot-Middleware?

我正在为客户开发一个项目,我需要使用webpack的热模块替换功能。我在NGINX后面使用一个快速(Node)应用程序。我正在使用许多javascript框架来设计应用程序,React恰好是其中之一。我将使用HMR功能。我有一个这样的webpack.config.js:varwebpack=require('webpack');varExtractTextPlugin=require("extract-text-webpack-plugin");varmerge=require('webpack-merge');varvalidate=require('webpack-validato

javascript - Redux React 从 API 创建初始状态

如何从API定义initialState?操作import*astypesfrom'../constants/ActionTypes'importjqueryfrom'jquery'import{apiRoot}from'../config.js'importImmutablefrom'immutable'importRandomfrom'random-js'exportfunctionfetchLentItemList(){returnfunction(dispatch){dispatch(fetchLentItems());jquery.get(`${apiRoot}/api/v1

node.js - node-sass-middleware 未编译

我试图让node-sass-middleware与express一起工作。该应用程序运行没有错误...(modules)varsassMiddleware=require('node-sass-middleware');varroutes=require('./routes/index');varapp=express();//uncommentafterplacingyourfaviconin/public//app.use(favicon(__dirname+'/public/favicon.ico'));app.use(logger('dev'));app.use(bodyPar