Taro 阻止事件冒泡

最新推荐文章于 2024-08-15 19:36:37 发布

前端瓶子君

最新推荐文章于 2024-08-15 19:36:37 发布

阅读量8.4k

点赞数 1

分类专栏：小程序 Taro 文章标签： Taro

本文链接：https://blog.csdn.net/lunahaijiao/article/details/86574610

版权

小程序同时被 2 个专栏收录

7 篇文章 0 订阅

订阅专栏

Taro

5 篇文章 0 订阅

订阅专栏

在 Taro 中另一个不同是你不能使用 catchEvent 的方式阻止事件冒泡。你必须明确的使用 stopPropagation。例如，阻止事件冒泡你可以这样写：

class Toggle extends Component {
  constructor (props) {
    super(props)
    this.state = {isToggleOn: true}
  }

  onClick = (e) => {
    e.stopPropagation() // 阻止事件冒泡
    this.setState(prevState => ({
      isToggleOn: !prevState.isToggleOn
    }))
  }

  render () {
    return (
      <button onClick={this.onClick}>
        {this.state.isToggleOn ? 'ON' : 'OFF'}
      </button>
    )
  }
}