时间戳

首页 > 解决方案 > 如何在组件反应打字稿中返回值

reactjs - 如何在组件反应打字稿中返回值

问题描述

我正在尝试从组件中返回一个值。基本上它需要做的就是如果打开它就不会显示{false}。

firstfile.tsx

export default (isDisplayedLoadingTitle: IProps) => (
  <Fragment>
    {isDisplayedLoadingTitle && (
    <ChartLoaderUI.ChartTitleContainer>
      <ChartLoaderUI.ChartTitle>
        <ChartLoaderUI.Title>{`Loading...`}</ChartLoaderUI.Title>
      </ChartLoaderUI.ChartTitle>
    </ChartLoaderUI.ChartTitleContainer>
    )}
    <ChartLoaderUI.Container className={'chart-loader'}>
      <Loader />
    </ChartLoaderUI.Container>
  </Fragment>
);

拥有它并在另一个文件中

secondfile.tsx

<ChartLoader isDisplayedLoadingTitle={false}/>

如何修改返回值firstfile.tsx？

在此先感谢您的帮助。

标签： reactjstypescript

解决方案

您缺少括号来从属性对象中解构该属性，因此目前您在布尔比较中使用了一个对象。

export default ({isDisplayedLoadingTitle}: IProps) => (

这将处理你没有指向正确键的错误（也就是它总是会显示，因为它{isDisplayedLoadingTitle: false} && (总是正确的

推荐阅读