在reactjs

Question

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

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

我想实现的目标

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

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

Answer 1

您可以这样传递它：

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

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

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