react-native引用一个开源组件或者一个自定义组件类后怎么调用里面的方法呢？

问题描述

问 题

是通过this.ref.refName.funcName 还是Component.funcName来引用呢？这两者有什么区别呢？求大神帮忙解答 新手小白一个。。。import ID300 from 'react-native-id300-bt';和自己定义的组件比如var ClockInAndOut = require('./ClockInAndOut');这两者里面的方法调用是否是一样的呢？

解决方案

如果是静态方法static 直接调用类下的方法就可以比如

class TestClass {
    static testFunc(e){
        alert(e)
    }
}
TestClass.testFunc('test')

就可以了。但是如果是组件的内部方法，需要实例化后再调用，例：

class TestClass extends Component {
    render(){
        return null
    }
    alertFunc(e){
        alert(e)
    }
}
class TestComponent extends Component {
    render(){
        return(
            <View>
                <TestClass ref={e=>this.TestClass=e}/>
                <Button onPress = {this.TestClass.alertFunc('test')}>
            </View>
        )
    }
}

还有require是es5的写法，import是es6的语法，这两者都是一样的

这篇关于react-native引用一个开源组件或者一个自定义组件类后怎么调用里面的方法呢？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！