反应 – 原生的 – 这个参考在方法中得不到定义

我试图在我的项目 https://github.com/rt2zz/react-native-drawer中使用这个插件.我可以正确运行示例,但是集成它有问题.

我在方法openDrawer中收到错误. “看不清楚属性抽屉的未定义”

我猜测我没有以正确的方式定义和使用该类,因为它应该是(我是javascript OOP的新手),例如它使用React.createClass({不像我的扩展组件并具有构造函数).

我班的相关代码如下.

class Search extends Component {

    constructor(props) {
        super(props);
        this.state = {
            isLoading: true,dataSource: new ListView.DataSource({
               rowHasChanged: (row1,row2) => row1 !== row2
            })
        };
    }

    openDrawer(){
        this.refs.drawer.open()
    }

    getInitialState(){
        return {
          drawerType: 'overlay',}
    }

渲染是

render() {
        if (this.state.isLoading) {
            return this.renderLoadingView();
        }

        var controlPanel = <MyControlPanel closeDrawer={() => {this.refs.drawer.close()}} />

        return (


            <View>
                <View style={styles.topBar}>

                    <Drawer
                        ref="drawer"
                        >
                        <MyMainView
                          />
                    </Drawer>

                    <Text style={styles.topBarMenu}>&#9776;</Text>
                    <Text style={styles.topBarTitle}>เงินปันผล</Text>
                    <Text style={styles.topBarRight}></Text>
                </View>

我认为最好是回到使用createClass.创建类(扩展)的ES6方法与createClass相比有很多缺点：方法是未绑定的(即“这”不一定指向对象),也不能使用相当有用的mixin.未绑定的方法是您遇到的问题.您也可以解决这个问题,以防您调用该方法的位置并绑定该方法(在javascript中查找方法绑定,例如： http://www.smashingmagazine.com/2014/01/understanding-javascript-function-prototype-bind/)

原文链接：https://www.f2er.com/react/301159.html

反应 – 原生的 – 这个参考在方法中得不到定义

猜你在找的React相关文章