如何在React Native中将字符串作为prop传递

时间:2017-07-04 22:29:36

标签: android react-native

我面临的情况是我的组件不会呈现文本,除非它作为ListView的一部分呈现。例如。这个很棒:

<ListView
  dataSource={this.state.dataSource}
  renderRow={(rowData) =>
    <View style={styles.buttonContainer}>
      <Button
        onPress={() => navigate('Team', { team: rowData })}
        title={rowData.name}
      />
    </View>
  }
/>

但是这个不起作用,按钮不显示任何文本,好像它没有收到任何东西

<View style={styles.container}>
  <View style={styles.buttonContainer}>
    <Button
      onPress={() => navigate('Team')}
      title={'Sample Text'}
    />
  </View>
</View>

我的Button组件返回如下所示:

return (
  <TouchableOpacity onPress={onPress} style={buttonStyle}>
    <Text style={textStyle}>
      {this.props.title}
    </Text>
  </TouchableOpacity>
)

我将console.log(this.props.title)放在render()上,以下内容显示在远程调试器控制台中:
undefined "Sample Text"

package.json中的依赖项

"react": "16.0.0-alpha.6", "react-native": "^0.43.4", "react-navigation": "git+https://github.com/react-community/react-navigation.git"

1 个答案:

答案 0 :(得分:4)

请尝试删除这些括号,因为您不需要它们: title='Sample Text'