React JS中的声明式组​​合与命令式

Question

在react js中设计应用程序以提高可重用性时，我使用了Tabs，然后将Tabs和headers传递给了类似的

const tabs ={
   "tabHeader1": TabContent1,
   "tabHeader2": TabContent2

 }
<SwipableTabs tabs={tabs}>

现在，当我不得不基于权限授予它们时，我产生了困惑，为了避免出现其他问题，我设计了如下组件：

<ProtectedAction>
{children}

我的ProtectedAction组件将检查权限，并根据该权限呈现子级。反应到底暗示了什么（声明性的）。

现在，当我看到上面的示例（如由数据驱动的选项卡）时，我不得不再次使用其他想要摆脱的示例。 请建议是否有更好的方法。