代码之家  ›  专栏  ›  技术社区  ›  Christopher Vickers

react.js处理未定义属性的最佳方法是什么

  •  0
  • Christopher Vickers  · 技术社区  · 5 年前

    我目前正在学习react.js。我正在将一组对象传递给“albumcontainer”,但“this.props.colums[0].name_combined”未定义。最好的方法是什么?提前非常感谢。

    class AlbumContainer extends React.Component {
        render() {
            const divStyle = {
                margin: '0px',
                border: '1px solid pink',
                color: 'blue',
                overflow: 'auto'
            };
    
            return (
                <div>
                    <div>
                        {this.props.albums[0].name_combined}
                    </div>
                    <div style={divStyle}>
                        SOME TEXT
                    </div>
                </div>
            );
        }
    }
    
    1 回复  |  直到 5 年前
        1
  •  1
  •   varoons    5 年前

    最安全的做法是:

    { this.props.albums && this.props.albums[0] && 
    this.props.albums[0].name_combined ? this.props.albums[0].name_combined : '' }