猿问

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

各位大神好
小弟目前有一頁面
<div>
<按鈕>分頁一, 分頁二, 分頁三 </按鈕>
{資料}
</div>

按下分頁按鈕會顯示不同的資料
按下分頁一顯示分頁一的資料
按下分頁二顯示分頁二的資料
每個分頁的顯示格式style皆是相同的
只有資料的不同

小弟的問題來了
我應該用什麼樣的方式去儲存現在使用者在看哪一個分頁
我所知道的有存進state, sotre甚至是顯示在url上,我再從url解
但這三種方法的優點與缺點就不是很清楚了,特來請教

這邊發現有些地方有少敘述到~十分抱歉

這個頁面有兩層分頁
第一層已經存入store與url上了,
因為要讓使用者去其他頁面再回來時,可以不用再選一次分頁
<div>
分頁一,分頁二,分頁三

<div>
    第二層分頁一,分頁二,分頁三    {資料}</div>

</div>


宝慕林4294392
浏览 631回答 1
1回答

慕斯王

1.存在state里:优点:当前组件内方便访问和修改,如果没有什么特殊需求,尽量存在state里。 缺点:但是如果了组件被删除了再渲染,state会被重置,变成初始状态。 &nbsp;&nbsp;&nbsp;&nbsp;比如,你一开始进去默认分页一,当你选择了分页二,然后跳到其他页面再回来,又会变成分页二。2.存在store里优点:全局访问。 缺点:但是访问起来比较繁琐,一般除非是多个页面都需要,否则不要存在这里。3.存在url里优点:能够较好的记录下上一次的状态。弥补了state的缺点。 缺点:尽管这样,url里的参数相当于props,一是不会及时更新prop,二是你无法修改prop。如有遗漏或纰漏欢迎开喷
随时随地看视频慕课网APP

相关分类

JavaScript
我要回答