码迷,mamicode.com
首页 > 其他好文 > 详细

taro refs引用

时间:2018-11-08 18:24:50      阅读:2568      评论:0      收藏:0      [点我收藏+]

标签:两种   函数   情况   访问   component   ref   return   log   xtend   

创建 Refs

  • Taro 支持使用字符串和函数两种方式创建 Ref:
  1. 使用字符串创建 ref
  2. 通过函数创建 ref(推荐)
    你也可以通过传递一个函数创建 ref, 在函数中被引用的组件会作为函数的第一个参数传递。如果是被引用的组件是自定义组件,那可以在任意的生命周期访问引用。
    不管在任何情况下,Taro 都推荐你使用函数的方式创建 ref。
class MyComponent extends Component {

  roar () {
    // 会打印 `miao, miao, miao~`
    this.cat.miao()
  }

  refCat = (node) => this.cat = node // `this.cat` 会变成 `Cat` 组件实例的引用

  render () {
    return <Cat ref={this.refCat} />
  }
}

class Cat extends Components {
  miao () {
    console.log(‘miao, miao, miao~‘)
  }

  render () {
    return <View />
  }
}

taro refs引用

标签:两种   函数   情况   访问   component   ref   return   log   xtend   

原文地址:https://www.cnblogs.com/cag2050/p/9930015.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!