我是Reactjs的新手，在我的项目中，我使用navBar，单击navBar中的各种菜单时，我通过传递props使用不同的数据渲染相同的组件。但我想要的是，假设当我返回到上一个菜单时，我不希望它使用我之前传递的props重新渲染，我希望它保持持久性，无论我在该菜单中进行了什么更改，现在我的变化消失时，我切换到不同的菜单选项。
<adminn data = {data[0]} /> -> for NavBar menu option:1 (made some changes with the table on this page)
<adminn data = {data[1]} /> -> for NavBar menu option:2. (made some changes with the table on this page)
I don't what it to re-render when i switch to different options and what the changes to be saved for each page
Please help ! Thanks in Advance
1条答案
按热度按时间xdnvmnnf1#
你必须使用CSS，并且只显示当前激活的标签页。你也可以将你的组件设置为PureComponent，或者你可以覆盖shouldComponentUpdate（）生命周期方法来停止react组件的额外重新呈现。
记忆化可以让你的代码只在 prop 发生变化时才重新呈现组件。使用这种技术，开发人员可以避免不必要的呈现，并减少应用程序中的计算负载。