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

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

/ 猿问

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

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

redux如何修改数组的某一项


查看完整描述

6 回答

?
杨魅力

Redux现实上已经成了React上的最佳实践方案,如果要在react native上使用redux,有些地方需要注意,这主要由于Web跟App的UI设计思路不一样导致。接下来我们先列举几个不同的细节。(这里指的是native App和传统的Web应用)。
1.App通常需要接管所有View的生命周期,Web可以将View分解成不同的page,page通过URL识别,每个page对于浏览器都是相对独立的。Web的view只要权限合法,可以很轻易在社交媒体传播,App则很难。比如滴滴的微信应用,web可以很轻易跟别的系统集成。

2.在App里从AView跳转到BView,除了常规的传递数据有时也需要传递callback。Web上这种page跳转传递callback,一般只会在modal上出现。比如在userinfo=> userinfo item editor,editor可能是个通用的view,需要调用方传入需要修改的value和修改后的操作。

3.App通常有View Stack的概念,Web则是page history。比如从list=> Item,App的listview不会被销毁,Web通常会直接replace掉。当返回的时候,App只需要将ItemView移除即可,Web通常需要重新构建和渲染List

4.App的View切换通常有动画的要求,对下个view的首屏渲染要求很高。Web的View切换一般都是静止,对首屏渲染要求比较低,甚至都有白屏。
redux是最佳实践方案


查看完整回答
反对 回复 2019-08-18
?
牧羊人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
?
幕布斯6054654

Redux现实上已经成了React上的最佳实践方案,如果要在react native上使用redux,有些地方需要注意,这主要由于Web跟App的UI设计思路不一样导致。接下来我们先列举几个不同的细节。(这里指的是native App和传统的Web应用)。
1.App通常需要接管所有View的生命周期,Web可以将View分解成不同的page,page通过URL识别,每个page对于浏览器都是相对独立的。Web的view只要权限合法,可以很轻易在社交媒体传播,App则很难。比如滴滴的微信应用,web可以很轻易跟别的系统集成。

2.在App里从AView跳转到BView,除了常规的传递数据有时也需要传递callback。Web上这种page跳转传递callback,一般只会在modal上出现。比如在userinfo=> userinfo item editor,editor可能是个通用的view,需要调用方传入需要修改的value和修改后的操作。

3.App通常有View Stack的概念,Web则是page history。比如从list=> Item,App的listview不会被销毁,Web通常会直接replace掉。当返回的时候,App只需要将ItemView移除即可,Web通常需要重新构建和渲染List

4.App的View切换通常有动画的要求,对下个view的首屏渲染要求很高。Web的View切换一般都是静止,对首屏渲染要求比较低,甚至都有白屏。
redux是最佳实践方案





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


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


查看完整回答
反对 回复 2019-08-18

添加回答

回复

举报

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