如何在 Show/Edit/Create 中访问记录的内部结构
How to access record's internals in Show/Edit/Create
类似于,虽然我认为它不适用于我的情况:
export const PlantShow = (props) => {
return (<Show {...props}>
<TabbedShowLayout>
<Tab label="Analytics">
{ record.oneId && <MetricsCharts {...props} manufacturer="one" /> }
{ record.otherId && <MetricsCharts {...props} manufacturer="other" /> }
{ record.anotherId && <MetricsCharts {...props} manufacturer="another" /> }
</Tab>
</TabbedShowLayout>
</Show>)
}
应该有一种方法可以访问当前记录的内部结构,这样我就可以引入条件逻辑。我没有在 props 中找到任何有用的东西。我什至尝试在 PlantShow 函数中注入 {record}
,但那没有也工作。另外 DependentInput
在这里绝对没有帮助
谢谢!
您必须使用中间组件作为 Show
的子组件。它将收到记录道具。
参见 https://codesandbox.io/s/wyln51r907(在 posts.js
中,围绕 PostShow
组件。
类似于
export const PlantShow = (props) => {
return (<Show {...props}>
<TabbedShowLayout>
<Tab label="Analytics">
{ record.oneId && <MetricsCharts {...props} manufacturer="one" /> }
{ record.otherId && <MetricsCharts {...props} manufacturer="other" /> }
{ record.anotherId && <MetricsCharts {...props} manufacturer="another" /> }
</Tab>
</TabbedShowLayout>
</Show>)
}
应该有一种方法可以访问当前记录的内部结构,这样我就可以引入条件逻辑。我没有在 props 中找到任何有用的东西。我什至尝试在 PlantShow 函数中注入 {record}
,但那没有也工作。另外 DependentInput
在这里绝对没有帮助
谢谢!
您必须使用中间组件作为 Show
的子组件。它将收到记录道具。
参见 https://codesandbox.io/s/wyln51r907(在 posts.js
中,围绕 PostShow
组件。