如果你只想传递当前改变的tabsTitle
,可以使用一个额外的参数来记录它。在循环中,当遍历到当前选项时,将该选项的tabsTitle
传递给子组件。例如:
{hotelNewTagInfo.map((item: any, index: any) => {
return (
<Tabs.TabPane tab={item.name} key={item.code}>
{activeTab === item.code && (
<AmenityLabels tabsTitle={item.tabsTitle} tabsCode={tabsCode} tabsKey={tabsKey} />
)}
</Tabs.TabPane>
);
})}
这里假设有一个名为activeTab
的状态变量,用于追踪当前选中的标签页。当遍历到与activeTab
相匹配的标签页时,才渲染对应的子组件并传递相应的 tabsTitle
。这样可以确保只有当前改变的标签页对应的子组件会收到相关参数。
内容由零声教学AI助手提供,问题来源于学员提问