在使用 Material-UI 的 React 组件中，我有这个
<ExpansionPanel defaultExpanded>
我需要在逻辑上设置 defaultExpanded（例如：如果我只有 1 个组件实例，我想使用 defaultExpanded。）
我可以设置一个expanded基于逻辑命名的变量，比如
expanded = ''
if (logic) {
expanded = 'defaultExpanded'
}
......然后expanded像这样使用那个var......
<ExpansionPanel {expanded} >
这会爆炸 - 无法编译。我尝试了很多变化，但我发现没有办法defaultExpanded在反应中动态设置ExpansionPanel的属性。
当您调用包含扩展面板的无状态组件时，您可以将其作为 props var 传递。例如：
if(Some default expanded logic here)
<ExpansionPanelMenu defaultExpanded />
而在实际组件中，只需将其作为道具传递
const { defaultExpanded } = props;
<ExpansionPanel
defaultExpanded={defaultExpanded}
>
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句