Question

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

<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'
}

希望这对您有所帮助。放心怀疑。

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

1 个答案: