草庐IT

flutter-redux

全部标签

javascript - React/Redux 开发应该是面向对象编程还是函数式编程?

关闭。这个问题是opinion-based.它目前不接受答案。想改进这个问题?更新问题,以便editingthispost可以用事实和引用来回答它.4年前关闭。Improvethisquestion编辑(2021-02-12):自从提出这个问题以来,我花了很多时间研究React和Redux应用程序,我可以理解为什么可能没有一个正确的答案,因为它取决于用例,并且两种解决方案都可以用于实现相同的目标。但是,我仍然相信,如果将其记录在案(尤其是对新手而言),说明人们选择一种方法而不是另一种方法的原因,那将是有益的。遗憾的是,说一切都基于意见并不能提供任何指导。这里有一个相关的SO问题和答案:

javascript - 如何在表单的选择字段 onChange 中传递对象值(使用 React,不使用 Redux)

我目前正在开发一个具有简单形式的React组件(没有redux,只是使用react-bootstrap进行样式设置)我正在以下列形式从数据库中提取数据:[{"id":"123","name":"AmyPond","age":"22","reputation":22000},{"id":"124","name":"ClaraOswald","age":"24","reputation":35000}...]并将其放入一个对象中:letuserlist=[];userlist=addUsers(this.state.users);我使用map根据这些数据填充了一个下拉列表,并且可以正确地将

javascript - 测试 redux Action

我正在尝试通过我们的redux操作来实现Jest。鉴于以下操作foo及其后续测试,以下测试失败,因为store.getActions()仅返回我[{"type":"ACTION_ONE"}]按照预期[{"type":"ACTION_ONE"},{"type":"ACTION_TWO"}]。测试时如何获得两个派发的Action?谢谢!importconfigureMockStorefrom'redux-mock-store';importthunkfrom'redux-thunk';exportconstfoo=()=>{return(dispatch)=>{dispatch(actio

javascript - redux - 如何存储和更新键/值对

我正在使用redux和reactjs。我想存储简单的键/值对,但无法正确使用reducer语法。在这种情况下,每个键/值对都将保持与外部系统的连接。这是正确的做法吗?我刚开始使用redux,所以它有点神秘。exportdefault(state={},action)=>{switch(action.type){case'addConnection':return{connections:{...state.connections,{action.compositeKey:action.connection}}default:returnstate}} 最佳答

javascript - React/Redux,如何获取用户输入

我正在关注usagewithReactRedux教程。我真正不明白的是如何检索用户输入。他们构建了一个FilterLink容器,其mapDispatchToProps是constmapDispatchToProps=(dispatch,ownProps)=>{return{onClick:()=>{dispatch(setVisibilityFilter(ownProps.filter))}}}因此它将自己的Props.filter注入(inject)连接的展示组件。如果我们去看看这个容器是如何构造的constFooter=()=>(Show:{""}All{","}Active{",

javascript - 为什么纯 reducer 在 redux 中如此重要?

纯reducer没有副作用,可以实现时间旅行等功能。它们使对应用程序行为的推理变得更加容易。这对我来说很直观。但我无法阐明为什么纯reducer会导致这些积极的非功能性属性。谁能帮我阐明为什么让reducer没有副作用会更容易推理应用程序行为?是不是因为保证在运行reducer后具有完全相同的状态?如果是这样,那么即使是有副作用的(即非纯的)reducer肯定也有这个属性吗? 最佳答案 Isitbecauseyouareguaranteedtohavetheexactsamestateafterrunningthereducers?

javascript - React - 由父级覆盖 redux prop

说我有一个Container通过以下方式连接到redux:constmapStateToProps=({MyReducer})=>({myProp:MyReducer.myProp});是否可以通过父级强制myProp的值(覆盖redux)?我试过:但是mapStateToProps会覆盖提供的值。注意:我无法更改容器,我的问题是是否只能通过父容器来完成。(当然这意味着糟糕的状态设计,但不幸的是它已经到了那个地步)谢谢 最佳答案 mapStateToProps接受twoarguments.所以我想你可以通过以下方式覆盖它:const

javascript - React/Redux + super 代理,第一次调用被终止

我正在编写一个react-redux应用程序,我在其中使用superagent在我的中间件中进行一些服务调用。我发现了一个非常奇怪的行为,即对我的搜索api的第一次调用总是被终止。我试过在调用第一个电话之前等待10-30秒,并记录过程中的每一步,但我似乎无法查明为什么会发生这种情况。我的Action创作者看起来像exportfunctiongetSearchResults(searchQuery){return{query:searchQuery,type:actions.GO_TO_SEARCH_RESULTS}}它在这里命中了中间件逻辑:vardefaultURL='/myServ

javascript - 初学者的 : const definition in Redux confusing

在这个Redux入门类(class)中https://egghead.io/lessons/javascript-redux-store-methods-getstate-dispatch-and-subscribe?series=getting-started-with-redux,主持人说下面两行是一样的const{createStore}=Redux;varcreateStore=Redux.createStore;我刚刚搜索了ES6const文档,它并没有完全回答我的问题,这两行如何相同? 最佳答案 这与const(这只是定

javascript - Redux - 了解返回函数的高级 mapStateToProps

我试图了解mapStateToProps返回函数时的机制。所以我找不到太多的文档,除了Redux文档的一个简短摘录,它通过返回一个函数提前说明情况,每个实例都会得到自己的内存mapStateToProps和另一个用户说这是一种防止mapStateToProps被要求更改任何父属性。所以这对于列表项来说似乎很棒,我不想为不影响项目的任何更改重新呈现大型项目列表。所以让我感到困惑的部分是mapStateToProps不会因任何父属性更改而被调用,这是否意味着为了重新呈现单个列表“Item”,它需要成为它的智能连接组件获取它关心的更改并重新渲染?或者这是否意味着它永远不会为这个特定的Item