Question

我正在尝试从组件中返回一个值。基本上，只要打开{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上的返回值？

预先感谢您的帮助。

Answer 1

您缺少用于从属性对象中破坏该属性的方括号，因此当前您在布尔比较中使用一个对象。

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

这将解决您未指向正确键的错误（又会始终显示，因为{isDisplayedLoadingTitle: false} && (始终为真

如何在组件反应类型脚本中返回值

1 个答案: