如何根据父元素有条件地发送道具？

Question

我有一个名为 ListLayout 的组件，它是两个父组件的子组件。我想根据正在呈现的页面传递道具。可能吗？

ListLayout组件如下；

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

两个父组件向 ListLayout 发送道具。

Answer 1

你可以这样做

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

如何根据父元素有条件地发送道具？

How can I conditionally send props depending on parent element?

reactjs

react-props