属性“ title”在类型“ IntrinsicAttributes&IProps”上不存在

时间:2019-08-16 20:10:58

标签: reactjs typescript

有。我试图使一个项目在另一个视图中不可见,我正在使用界面来解决这个问题。

问题是我遇到了该问题标题中的错误。

这是代码的一部分,以便您了解发生了什么:

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 && ()中的内容吗?

预先感谢您的帮助。

1 个答案:

答案 0 :(得分:2)

您没有访问实际道具对象上的道具。您想使用props.isDisplayedLoadingTitle &&。或者,您可以通过将(props: IProps)替换为({ isDisplayedLoadingTitle}: IProps)来将其从props对象中解构出来,然后将代码保留不变。

至于标题的问题,我什至看不到该道具的访问位置,因此ChartLoaderUI组件可能有问题。您必须将代码发布到尝试访问标题属性的位置,或者将ChartLoaderUI的代码发布(如果这是您构建的组件)。