反应添加事件监听器根据条件

4: 关注

2019: 浏览

反应添加事件监听器根据条件

如何将附加事件添加到jsx的基于条件的元素？下面的例子没有这样做，它只是通过一个标志到onClick函数，并没有真正附加事件。反应添加事件监听器根据条件

const { hasSomething, name } = this.props 

render(){ 
    return(
    {hasSomething && this.fireSomething()}}>{name}/div> 
    ) 
}

我可以复制2

，检查是否存在hasSomething然后将其连接到一个元素，但是这是一个糟糕的重复，我为{名称}声明两次。

好问题 0 评论收藏举报

查看全部 3 个回答

dreamapple 未验证用户用户来自于: 广东省
2020-09-17 06:59

我的做法是创建一个新的道具对象newProps根据this.props是否具有所需的属性，可能会或可能不会有一个onClick财产。在此示例中，如果Foo未收到bar prop，则它不会创建具有onClick属性的新对象。 class Foo extends Component { handleBar() { console.log(this.props.bar); } render() { const newProps = this.props.bar ? { ...this.props, onClick: this.handleBar.bind(this), } : this.props return

} } 这里有一个live example on CodePen

赞同 0 0评论

关于作者

: Welsta 未验证用户
这家伙很懒，还没有设置简介

0: 回答

0: 文章

2: 问题

问题动态

发布时间: 2020-09-15 15:51

更新时间: 2022-09-15 16:04

关注人数: 4 人关注