React Native-有条件检查道具是否具有造型价值

Question

我正在尝试将宽度应用于组件 - 只有当宽度道具可用时 - 但不明白我要在哪里出错 - 任何人都能以正确的方式指出我请指导？

class ButtonHomeNav extends React.Component {
render() {
getMinWidth = () => {
 if(this.props.minWidth.length > 0) {
   console.warn('nob jockey');
  return {
    minWidth:this.props.btMinWidth
  }
 }
}
return (
  <View style={[AppStyles.buttonRect, getMinWidth()] } >
    <View style={[AppStyles.buttonRectWrap, this.props.darkCol && AppStyles.darkCol]}>
      <Image style={AppStyles.buttonRectIcon} source={this.props.buttonIcon} />
      <Text style={[AppStyles.buttonRectText, this.props.darkCol && AppStyles.darkColText]}>{this.props.buttonTxt}</Text>
    </View >
  </View>
);

}}

Answer 1

您应该检查Minwidth是否为null/undefined。另外，您使用了两个不同的道具minWidth和btMinWidth！

getMinWidth = () => {
    if(this.props.minWidth) {
        console.warn('nob jockey');
        return {
            minWidth: this.props.minWidth
        };
    } else
        return {};
}

您也可以没有功能使用它：

<View style={[
    AppStyles.buttonRect,
    this.props.minWidth && {minWidth: this.props.minWidth},
]}>