对于ReactJs应用程序，我有以下起点，我一直试图用Material-UI响应式抽屉组件替换Home.tsx组件，但这会导致渲染错误，我认为这是由于Reactstrap和材质混合导致的用户界面。我想从经验丰富的reactjs开发人员那里获得一些见解，以了解如何正确使用此示例应用程序，或者我应该放弃该示例应用程序并尝试从头开始开发UI，这会对jHipster产生什么影响？
这是整个应用程序： https://github.com/jhipster/jhipster-sample-app-react
这是应用程序导航栏，有人可以解释第66至70行的工作方式吗？如何在此栏中添加抽屉菜单？（类似于Material UI抽屉） https://github.com/jhipster/jhipster-sample-app-react/blob/master/src/main/webapp/app/shared/layout/header/header.tsx
有人可以解释成功登录后该登录逻辑如何工作以及如何触发到“ /”的路由吗？ contentKey = home.title和其他内容密钥如何工作？家是道具吗？ https://github.com/jhipster/jhipster-sample-app-react/blob/master/src/main/webapp/app/modules/home/home.tsx
这些中间件在商店中做什么？ Ive遵循的每个reactjs和redux示例都告诉我与商店交互的方式与此完全不同，有人可以在这里向我解释如何在当前商店状态下更新或调用变量吗？