草庐IT

example-redux-update-nested-props

全部标签

javascript - 使用通用操作和 reducer 简化 redux

在React-Redux项目中,人们通常为每个连接的组件创建多个Action和缩减器。但是,这会为简单的数据更新创建大量代码。使用单个通用操作和缩减器来封装所有数据更改以简化和加快应用程序开发是否是一种好的做法。使用这种方法会有什么缺点或性能损失。因为我认为没有明显的折衷,它使开发变得更加容易,我们可以将所有这些都放在一个文件中!这种架构的示例://Saywe'reinuser.js,Userpage//statevarinitialState={};//genericaction-->weonlyneedtowriteONEDISPATCHERfunctionsetState(obj

javascript - 如果使用 Redux 和 React-Redux,React 组件中不需要状态吗?

仅使用React管理状态我知道,如果您仅使用React创建应用程序,您最终将在您创建的不同React组件中管理所有状态。使用React和Redux管理状态如果您决定将Redux与React结合使用,则可以将每个React组件的所有状态移动到整个Redux应用程序状态中。然后,每个需要Redux应用程序状态片段的组件都可以通过React-Redux的connect函数连接到该状态。问题这是否意味着您不再需要编写任何处理React的state(即this.setState)的React组件,因为React-Redux是connect通过将数据作为props传递到container组件中,使

javascript - 错误 : attempted to update component that has already been unmounted (or failed to mount)

我是React的新手,由于这个错误,我无法呈现我的应用程序。由于尝试在卸载时设置状态,我试图呈现为元素的数据似乎不会呈现?我不确定我是怎么得到这个错误的,因为我正在componentDidMount中设置Data的状态。我该如何解决这个问题?error:attemptedtoupdatecomponentthathasalreadybeenunmounted(orfailedtomount)classProfileextendsReact.PureComponent{staticpropTypes={navigation:PropTypes.object,handleLogout:Pr

javascript - React Redux——我可以让 mapStateToProps 只接受部分状态吗?

我想制作可以插入到任何react-redux应用程序中的可重用模块。理想情况下,我的模块在顶层有一个容器组件、Action和缩减器(然后是容器下面的任何展示组件)。我希望该模块只处理它自己的应用程序状态片段,理想情况下不必了解应用程序状态的其余部分(因此它是真正的模块化)。Reducers仅在部分状态下工作(使用combineReducers),所以我对此很满意。然而,对于容器组件,mapStateToProps似乎总是接受应用程序的完整状态。如果mapStateToProps只接受我在我的模块中处理的相同“状态切片”(就像reducer所做的那样),我会喜欢它。这样我的模块就真正是模

javascript - 如何在 sequelize 中将 .update() 值设置为 NULL

我正在编写我的服务以使用PostGres的sequelize更新行。当我使用PSequel尝试我的查询时,它工作正常:UPDATE"test_table"SET"test_col"=NULLWHERE"id"='2'但是使用sequelize会抛出500错误:db.TestTable.update({testCol:NULL},{where:{id:id}}).then((count)=>{if(count){returncount;}});我的模型确实允许空值,我相信这是允许空值成为默认值和设置的原因:testCol:{type:DataTypes.INTEGER,allowNull

javascript - 如何更新故事书中的组件 Prop

我正在使用storybook(this)单独使用我的组件。我想模拟所有的通量周期(在完整的应用程序中它是在redux的帮助下完成的)并使用故事中的一个简单对象更新属性,但我遗漏了一些东西。storiesOf('Colorpicker',module).add('base',()=>{letcolorPickerState={changeColor:function(data){this.color=data.color},color:'#00aced'}return()}我希望value的Prop在onChange时更新叫做;我可以看到colorPickerState.color的值正

javascript - 无法分配给 native react 中#<Object> 的只读属性 'props'

不能分配给#的只读属性'props'我检查了#1654没有成功。请在此处更详细地查看该问题-基本上我正在做的是使用导航器从索引页面移动到ApplistGridView页面。我看到导航成功(从日志中)但是,甚至在我看到屏幕之前我就遇到了这个问题。和chrome调试消息-代码发布在Github还没有找到解决方案。我做错了什么? 最佳答案 您不能推送到Propthis.props.nav.push({id:'Applist',index:2});因为组件属性是只读的,如错误状态。Props只能派生自父组件,不能修改。编辑:对于像我刚才一样

javascript - 如何在没有 redux 的情况下缓存获取的数据

我知道,使用Redux我有共同的store并且当我改变我的位置时,例如我从/videos页面,但是我仍然在我的videosreducer中获取了视频。因此,如果我随后决定返回到我的videos页面,我会向用户显示已经从我的商店中加载的视频,如果他需要并存储它们,则会加载更多。但是在没有Redux的React中,如果我更改我的位置/videos,我在那里获取了一些视频,然后将它们存储在我的本地状态我的VideosPage组件然后返回到此页面,我没有视频了,应该从头开始获取它们。我怎样才能缓存它们,这有可能吗?PS:这是一个比较理论的问题,所以没有提供代码。 最

javascript - React redux 应用文件夹结构

关闭。这个问题是opinion-based.它目前不接受答案。想要改进这个问题?更新问题,以便editingthispost可以用事实和引用来回答它.关闭4年前。Improvethisquestion我了解react/redux应用程序的概念。我的问题是,是否有一种首选的方式来布置文件夹结构和文件。在网上对repos进行了大量研究后,似乎每个人的做法都略有不同,具体取决于他们的代码风格。另一方面,Angular似乎有一个集合结构。这是否让React变得更强大,因为您可以根据需求的变化进行微调和调整?社区是否就任何既定模式达成一致?

javascript - 如果组件 Prop 类型无效,如何防止构建应用程序?

这里是PropTypes的例子:importPropTypesfrom'prop-types';classGreetingextendsReact.Component{render(){return(Hello,{this.props.name});}}Greeting.propTypes={name:PropTypes.string};现在我使用Greeting组件作为:在这种情况下,当我构建用于部署的应用程序时,不会抛出任何错误并且应用程序已成功构建。但它会在运行时出错并崩溃。我如何添加检查以消除此问题并确保没有使用错误的prop类型构建组件。 最佳答案