根据当前页面动态加载AppBar的工具栏-React Admin

Question

我对React世界还比较陌生，我一直在努力寻找一种将IconButtons加载到AppBar工具栏（从Material UI）中的方法。

说我在pageA上，喜欢有两个特定于pageA的IconButton，当我进入pageB时，我喜欢加载特定于pageB的toolBar按钮。

我创建了一个codeandbox项目，以使任何人都可以更轻松地获得帮助。 https://codesandbox.io/s/material-ui--react-admin-1qc5x

感谢您的帮助，指导等。

Answer 1

您可以通过多种方式实现这一目标：

1. Redux：您可以使用react-redux并创建一个store，您可以在其中存储current_page值（对于SPA来说是最佳做法），并可以在< / p>

   static getDerivedStateFromProps(props, state){ //your code here }

2. 基于路线（react-router）
3. [我所做的事情]是基于URL params的，就像您正在做的history.push一样，因此从URL中提取参数并基于呈现工具栏图标的参数将更加容易。

我的代码参考：https://codesandbox.io/s/material-ui--react-admin-nxh7m