ios - 我如何使用 NavigatorIOS 中的 push() 函数？

Question

我想通过 NavigatorIOS 中的函数 push() Push 到一个新组件。就像下面这样:

  renderRow(rowData, sectionID, rowID) {
    var imgSource = IMAGE_URLS[rowID];
    return (
      <TouchableHighlight onPress = {() => {
        this.props.navigator.push({
          title: 'test',
          component: example,
        });    
      }}>
        <View>
          <View style={styles.row}>
            <Image 
              source={imgSource}
              style={styles.thum}
            />
            <Text style={styles.text}>
              {rowData}
            </Text>
          </View>
        </View>
      </TouchableHighlight>
    );
  }

但是当我点击TouchableHighlight时会报错。

在此之前我提到了这两个问题(1 和2)。完整的代码在这个 link

Answer 1

这没有绑定(bind)到 renderRow() 内部的类。

您必须在构造函数中绑定(bind) this:
this.renderRow = this.renderRow.bind(this);


或者在渲染方法中:

 render() {
    var navStatusBarConfig = {
      style: 'light-content',
    }
    return (
      <View style={{ flex: 1, backgroundColor: '#F5FCFF'}}>
        <View styles={styles.nav}></View>
        <ListView 
          automaticallyAdjustContentInsets={false}
          contentContainerStyle={styles.list}
          dataSource={this.state.dataSource}
          pageSize={4}
          renderRow={this.renderRow.bind(this)}
        />
      </View>
    );
  }
}

至于为什么，原因如下: https://facebook.github.io/react/blog/2015/01/27/react-v0.13.0-beta-1.html#autobinding
还有一个更完整的关于如何绑定(bind) this 的博客 [有很多博客和绑定(bind) this 的方法]): http://blog.andrewray.me/react-es6-autobinding-and-createclass/