有。我试图使一个项目在另一个视图中不可见,我正在使用界面来解决这个问题。
问题是我遇到了该问题标题中的错误。
这是代码的一部分,以便您了解发生了什么:
interface IProps {
isDisplayedLoadingTitle: boolean;
}
export default (props: IProps) => (
<Fragment>
{isDisplayedLoadingTitle && (
<ChartLoaderUI.ChartTitleContainer>
<ChartLoaderUI.ChartTitle>
<ChartLoaderUI.Title>{`Loading...`}</ChartLoaderUI.Title>
</ChartLoaderUI.ChartTitle>
</ChartLoaderUI.ChartTitleContainer>
)}
我正在其他文件中添加标签<ChartLoader isDisplayedLoadingTitle={true}/>
以在视图中呈现它。
如何解决此问题,另一个问题:我可以选择对还是错来进行选择实际上会隐藏标记({isDisplayedLoadingTitle && (
)中的内容吗?
预先感谢您的帮助。
答案 0 :(得分:2)
您没有访问实际道具对象上的道具。您想使用props.isDisplayedLoadingTitle &&
。或者,您可以通过将(props: IProps)
替换为({ isDisplayedLoadingTitle}: IProps)
来将其从props对象中解构出来,然后将代码保留不变。
至于标题的问题,我什至看不到该道具的访问位置,因此ChartLoaderUI组件可能有问题。您必须将代码发布到尝试访问标题属性的位置,或者将ChartLoaderUI的代码发布(如果这是您构建的组件)。