Reactjs 编码风格：如何区分道具与父道具或重复道具？

当我在组件中接受redux道具和父道具时，我注意到很难区分这两种道具

比如说

下面的组件接受四个变量：

isOpenSidebar

、

toogleSidebar

、

isOpenMenu

和

toogleMenu

。但是

isOpenSidebar

，

toogleSidebar

来自redux，而

isOpenMenu

，

toogleMenu

来自父道具

<> P>从不同的来源说起道具，我认为使用变量后的下划线来标记这样的道具，如代码> ISOPENSARBARIG，或在这样的道具前添加前缀>代码> ReDuxIsOpenSIDARAR 或<代码> RDXSISOPENSIDEBAR 。但我不确定这些是不是好主意

有没有什么好的和通用的方法来区分不同来源的道具

const Header = ({ isOpenSidebar, toogleSidebar, isOpenMenu, toogleMenu }) => {
  return (
    <header>
      {!isOpenSidebar && (
        <div onClick={() => toogleSidebar(true)}>
          open sidebar
        </div>
      )}

      {!isOpenMenu && (
        <div onClick={() => toogleMenu(!isOpenMenu)}>
          open menu
        </div>
      )}

      <h4>header</h4>
    </header>
  );
};

export default connect(
  (state) => ({
    isOpenSidebar: state.ui.isOpenSidebar,
  }),
  { toogleSidebar }
)(Header);

常量头=（{isOpenSidebar，toogleSidebar，isOpenMenu，toogleMenu}）=>{
返回(
{！伊索本斯德巴&&(
toogleSidebar（真）}>
打开边栏
)}
{！等本菜单&&(
toogleMenu（！isOpenMenu）}>
打开菜单
)}
标题
);
};
导出默认连接(
（州）=>({
isOpenSidebar:state.ui.isOpenSidebar，
}),
{toogleSidebar}
)（标题）；

组件不应该知道道具的来源。如果是这样的话，您的体系结构中会出现一些错误