javascript - 在reactjs中有条件地将 Prop 传递给组件

我只想在组件完全满足特定条件后才将props传递给组件。
我在react中返回的渲染中有这个Paper组件。
我只想在有条件的情况下通过onScroll。

<Paper className={classes.root}  onScroll={this.loadMoreClasses}>

我想实现的目标

<Paper className={classes.root}  organizationname!==null ?onScroll={this.loadMoreClasses} :null>

希望仅当未定义组织名称时才发生onScroll

最佳答案

您可以像这样通过它：

<Paper
    className={classes.root}
    onScroll={organizationname !== null ? this.loadMoreClasses : null}
/>

这样，您的Paper组件会在设置了组织名称时接收onScroll侦听器，否则不会接收它。您需要确保Paper组件将onScroll道具视为可选，否则尝试调用一个不存在的方法时会从中获得错误。

一种替代方法是始终提供一个onScroll道具并将条件移至您的getMoreClasses方法，如果未设置组织名称，则使其不执行任何操作。

关于javascript - 在reactjs中有条件地将 Prop 传递给组件，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/54049971/