javascript - 为什么在使用解析的字符串时出现错误 'Cannot read property ' name' of null'？

Question

这里我有一个 react 容器，它在名为 strLoc 的变量中保存一个对象:

(var strLoc 看起来像控制台记录的)

Object {name: "Burj Khalifa", locationLat: "25.197787", locationLong: "55.274862"}

我想使用对象的 name 属性，但是当我尝试获取 {strLoc.name} 时，收到错误消息:

Uncaught TypeError: Cannot read property 'name' of null

我不明白为什么我不能直接提取属性值来使用它们？这个问题是否与该对象之前是一个字符串有关(我解析了该字符串并将结果对象保存在 var strLoc 中)？

这是我的代码:

class NoteOutput extends React.Component {
    render() {
        var strLoc = JSON.parse(this.props.location); 
        return(
            <div>
                <div>hello</div>
                <div>{strLoc.name}</div>
            </div>
        );
    }
}

function mapStateToProps(state) {
    return {
        location: state.selectedLocation
    };
}

Answer 1

这可能是因为你在 render() 中进行了解析，并且它尝试在解析之前显示字符串的 .name 。

试试这个:

{strLoc && <div>{strLoc.name}</div>}