如何在 React Native 中为 props 设置默认值

Question

我需要知道如何将 props 的默认值设置为 React Native。我有以下代码：

<View style={{ ...styles.textBox, ...props.bg }}>
    <Text style={{ ...styles.pretitle, ...props.style }}>{props.pretitle}</Text>
    <Text style={{ ...styles.title, ...props.style2 }}>{props.title}</Text>
    <Text style={styles.introduction}>{{ '', ...props.introduction }}</Text>
</View>

如果props.introduction是0我想将它设置为空，如：“”，或者有一些其他的价值，比如：“未设置”。

谢谢

Answer 1

你可以在 React 中使用defaultProps

export default class Example extends React.Component {
  render() {
    return (
      <View>
        <Text>{this.props.fName},{this.props.lName}</Text>
      </View>
    );
  }
}


Example.defaultProps = {
    fName: "Hello",
    lName: 'world'
}

希望这对你有帮助。如有疑问，请放心。