我希望有一些函数可以获取当前状态来用它做一些逻辑，而不必通过参数将当前状态传递给函数。这是我的例子。在我的Action文件中，我有:exportconstaddToSearchHistory=(newSearch)=>({type:ADD_TO_SEARCH_HISTORY,newSearch})exportconstaddToCardHistory=(newCard)=>({type:ADD_TO_CARD_HISTORY,newCard})例如，我想要一个“getter”函数，告诉我“搜索历史”是否已经达到10个项目。所以我所做的是:exportconstsearchHasMaxH
我正在与其他几个开发人员一起开发一个React+Redux项目，但我们无法就在何处传递状态和操作的最佳实践达成一致。我的方法是拥有一个“容器”或“提供者”组件，它是父组件，所有必需的状态和操作都映射到状态并向下传递到子组件，从而创建单一的真实来源。然而不利的一面是，您必须记住通过每个子组件向下传递操作和值，这可能很难遵循。另一种开发人员方法是在每个需要它的组件上，在堆栈中的任何位置使用mapStateToProps。因此，如果向下三层或四层的子组件需要特定状态，他将在该组件上使用mapStateToProps。他还会使用import关键字直接导入Action创建器，而不是将它们称为Pr
我试图在React组件之外获取商店实例(商店状态)，即在单独的辅助函数中。我有我的reducer，我的Action，我在最上面的组件中创建了一个商店。//configStore.jsimport{createStore}from'redux';importgeneralReducersfrom'../reducers/generalReducers';exportdefaultfunctionconfigStore(initialState){returncreateStore(generalReducers,initialState);}//index.jsimport{Provid
我很难弄清楚为什么会这样，但基本上ReduxPromise在返回类似内容时对我来说工作正常:return{type:STORY_ACTIONS.STORY_SPOTIFY_REQUEST,payload:request}但是，我现在需要像这样传递另一个信息return{order:0,//Newfieldtype:STORY_ACTIONS.STORY_SPOTIFY_REQUEST,payload:request}这导致Unresolvedpromise而不是数据。我尝试将order重命名为position或index之类的东西......仍然没有。 最佳
我正在尝试与构建React应用程序的团队合作，并试图找出创建“高阶”React组件(包装另一个组件)的最佳方法，以结合Redux数据执行身份验证商店。到目前为止，我的方法是创建一个模块，该模块由一个函数组成，该函数根据是否存在经过身份验证的用户返回一个新的React组件。exportdefaultfunctionauth(Component){classAuthenticatedextendsReact.Component{//conditionallogicrender(){constisAuth=this.props.isAuthenticated;return({isAuth?:
我正在开发我的第一个React/Redux项目。一切顺利，然后我尝试创建一个新的reducer。我认为这是一个非常简单的方法，但是当我加载页面时出现错误“ReducerX在初始化期间返回未定义”。跟踪表明这是在combineReducers()中发生的。我发现了几个类似的问题，但没有解决问题。关于这个问题:WhydoIget“Reducer[...]returnedundefinedduringinitialization”despiteprovidinginitialStatetocreateStore()?问题是他们在createStore()中使用了initialState，而我
我设置了一个简单的测试文件，几乎与create-react-app使用的文件相同:App.test.jsimportReactfrom'react';importReactDOMfrom'react-dom';import{App}from'./App';it('renderswithoutcrashing',()=>{constdiv=document.createElement('div');ReactDOM.render(,div);});当我运行yarntest我不断收到此错误消息:InvariantViolation:Couldnotfind"store"ineitherth
我正在制作一个网络应用程序，用户可以在其中围绕图像中的对象绘制边界框。我如何使用React的本地状态:我在用户仍在绘图时存储矩形的属性(即在mouseMove期间mouseUp之前)。我如何使用Redux的全局存储:一次mouseUp火灾，绘图完成，并且不再对矩形进行更新。我想将这个矩形“提交”给Redux。这是处理状态管理的正确和/或规范方式吗？我还想将React和Redux状态(即现在正在绘制的矩形以及已经在Redux中“提交”的矩形)作为Prop传递给childreact组件。react-redux这可能吗？的mapStateToProps？我似乎无法在mapStateToPro
背景:我正在创建一个Login组件。saga.js由3个函数组成1.rootSaga。它将执行sagas里面的列表2.watchSubmitBtn。它会观察提交按钮的点击并发送一个Action。3.shootApiTokenAuth会接收派发的action并处理axios.post返回值为promise对象在行动:后端返回400给React。这种情况没问题，我可以轻松读取payload并在render()中显示。但是当返回200时。我需要让用户转到url/companies。尝试:我曾尝试将this.props.history.push('/companies');放在componen
我尝试将Redux与next.jsstarter结合使用项目，我在项目上安装了next-redux-wrapper但我不确定这个项目的根文件在哪里。我尝试按照next-redux-wrapper上显示的教程进行操作但没有成功。没有任何变化。请帮助我如何将Redux添加到项目中。问候。 最佳答案 Next.js使用App组件来初始化页面。您可以覆盖它并控制页面初始化。虽然这个演示是针对next.js的，但它应该适用于nextjs-starter。安装next-redux-wrapper:npminstall--savenext-red
