如何根据父元素有条件地发送props ?

Question

我有一个名为ListLayout的组件，它是两个父组件的子组件。我想要根据渲染的页面来传递props。这可能吗?

ListLayout组件如下;

export default function ListLayout(props) {
return (
<div>
<TabNavigation (conditionally accept here based on page being rendered) />
</div>
}

两个父组件向ListLayout发送props。

Answer 1

你可以这样做

export default function ListLayout(props) {
return (
<div>
<TabNavigation pageData={props.pageOne ? 'send page one' : 'send page two'} />
</div>
)
}