反应未定义道具问题

如果您的问题表明您只是试图将对象作为道具传递,然后访问组件中可能不存在的该对象的属性,那么您是否考虑过提供默认值?(假设您使用ES6语法)。

我将在render方法中使用destructuring来访问我将在render方法中使用的每个属性,并为每个项目提供一个默认值,如下所示。

class PersonComp extends React.Component {
    render() {
        const {
            name = '',
            age = 0,
            OtherDetails: {city = ''},
            OtherDetails: {country = ''}

        } = this.props.person;

        return (
            <div>
                <div>{name}</div>
                <div>{age}</div> 
                <div>{city}</div>
                <div>{country}</div>
            </div>

        )
    }
}

通过这样做,如果提供的数据中不存在城市或国家,则将创建这些城市或国家并为其分配空字符串的值。