为了账号安全,请及时绑定邮箱和手机立即绑定

请问这个redux该如何修改数组的某一项?

/ 猿问

请问这个redux该如何修改数组的某一项?

慕勒3428872 2019-08-17 11:10:27

redux如何修改数组的某一项


查看完整描述

6 回答

?
牧羊人nacy

componentDidMount() {
console.log('22',ReactDOM.findDOMNode(this.refs.mode))
console.log('22',ReactDOM.findDOMNode(this.refs.mode1))
}

<Modal title="Basic Modal" visible={true} ref="modal"
onOk={this.del} onCancel={this.del}
><div ref="modal1">
<p >some contents...</p>
<p>some contents...</p>
<p>some contents...</p>
</div>



查看完整回答
反对 回复 2019-08-18
?
四季花海

state状态改变是会自动渲染整个store的,不需要强制刷新,比如某个state原来为false,然后变成了true,那么就会刷新了,如果不刷新,检查一下是不是state没有修改成功

查看完整回答
反对 回复 2019-08-18
?
隔江千里

为什么使用React还需要使用别的框架来搭配?
React的核心是使用组件定义界面的表现,是一个View层的前端库,那么在使用React的时候我们通常还需要一套机制去管理组件与组件之间,组件与数据模型之间的通信。
为什么使用Redux?
Facebook官方提出了FLUX思想管理数据流,同时也给出了自己的实现22来管理React应用。可是当我打开FLUX22的文档时候,繁琐的实现,又臭又长的文档,实在难以让我有使用它的欲望。幸好,社区中和我有类似想法的不在少数,github上也涌现了一批关于实现FLUX的框架,比较出名的有Redux23,Reflux5,Flummox7。
其中Redux的简单和有趣的编程体验是最吸引我的地方。
简单。和其它的FLUX实现不一样,Redux只有唯一的state树,不管项目变的有多复杂,我也仅仅只需要管理一个State树。可能你会有疑问,一个state树就够用了?这个state树该有多大?别着急,Redux中的Reducer机制可以解决这个问题。
有趣。忙于迭代项目的你,体会编程带来的趣味是有多久没有体会到了?瞧下面这张图,右边那个调试工具是啥?整个应用的action和state都这么被轻松的管理了?行为还能被保存,删除,回滚,重置?修改了代码,页面不刷新也能产生变化?别开玩笑了,不行,世界那么大,让我去试试!

687474703a2f2f692e696d6775722e636f6d2f4a34476557304d2e676966776x688

注:Redux开发调试工具:redux-devtools136
React应用无刷新保存工具:hot-loader44
不明真相的群众,可能这里需要我来安利一下Flux数据流的思想,看图:
╔═════════╗ ╔════════╗ ╔═════════════════╗
║ Actions ║──────>║ Stores ║──────>║ View Components ║
╚═════════╝ ╚════════╝ ╚═════════════════╝
^ │
└──────────────────────────────────────┘

注意:图片仅仅是FLUX思想,而不是Facebook的实现。

大致的过程是这样的,View层不能直接对state进行操作,而需要依赖Actions派发指令来告知Store修改状态,Store接收Actions指令后发生相应的改变,View层同时跟着Store的变化而变化。
举个例子:A组件要使B组件发生变化。首先,A组件需要执行一个Action,告知绑定B组件的Store发生变化,Store接收到派发的指令后改变,那相应的B组件的视图也就发生了改变。假如C,D,E,F组件绑定了和B组件相同的Store,那么C,D,E,F也会跟着变化。



查看完整回答
反对 回复 2019-08-18
?
料青山看我应如是


目前react主要有2种用途; 1、开发webapp,被称为react native,跟普通的开发webapp的方式相同,唯一不同的就是view层采用了react技术; 2、开发手机网页,这里讲解一个github上面分享的技术,redux-react-babel-webpack。


查看完整回答
反对 回复 2019-08-18
  • 6 回答
  • 0 关注
  • 305 浏览
我要回答

相关问题推荐

添加回答

回复

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信