Question

我面临的情况是我的组件不会呈现文本，除非它作为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"

Answer 1

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

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

1 个答案: