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

react, 分頁該存進 state, store , url ?

react, 分頁該存進 state, store , url ?

宝慕林4294392 2018-11-13 14:41:47
各位大神好小弟目前有一頁面<div><按鈕>分頁一, 分頁二, 分頁三 </按鈕>{資料}</div>按下分頁按鈕會顯示不同的資料按下分頁一顯示分頁一的資料按下分頁二顯示分頁二的資料每個分頁的顯示格式style皆是相同的只有資料的不同小弟的問題來了我應該用什麼樣的方式去儲存現在使用者在看哪一個分頁我所知道的有存進state, sotre甚至是顯示在url上,我再從url解但這三種方法的優點與缺點就不是很清楚了,特來請教這邊發現有些地方有少敘述到~十分抱歉這個頁面有兩層分頁第一層已經存入store與url上了,因為要讓使用者去其他頁面再回來時,可以不用再選一次分頁<div>分頁一,分頁二,分頁三<div>     第二層分頁一,分頁二,分頁三    {資料}</div></div>
查看完整描述

1 回答

?
慕斯王

TA贡献1864条经验 获得超2个赞

1.存在state里:

优点:当前组件内方便访问和修改,如果没有什么特殊需求,尽量存在state里。
缺点:但是如果了组件被删除了再渲染,state会被重置,变成初始状态。
    比如,你一开始进去默认分页一,当你选择了分页二,然后跳到其他页面再回来,又会变成分页二。

2.存在store里

优点:全局访问。
缺点:但是访问起来比较繁琐,一般除非是多个页面都需要,否则不要存在这里。

3.存在url里

优点:能够较好的记录下上一次的状态。弥补了state的缺点。
缺点:尽管这样,url里的参数相当于props,一是不会及时更新prop,二是你无法修改prop。

如有遗漏或纰漏欢迎开喷


查看完整回答
反对 回复 2018-11-13
  • 1 回答
  • 0 关注
  • 629 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号