Question

我有以下代码，希望它们显示键和值的列表：

render() {
        let content;

        if (this.props.json != null) {
            content = {
                Object.keys(this.props.json.fields).map(function (key) {
                    return <div>Key: {key}, Value: {this.props.json.fields[key]}</div>;
                })
            }
        } 

        return (
            <div>
                {content}
            </div>
        )
    }

但是，由于某种原因，我收到此错误：

解析错误：意外的令牌，预期为“，”

指向“ Object.keys”时，我不明白自己在做什么错，我已经在互联网上搜索并看到了很多类似的例子

Answer 1

由于用花括号将“ Object.keys ...”包装起来，因此您将 content 变量声明为对象。您可以声明时不使用花括号，那么 content 将是一个数组，并且应该正确呈现。

if (this.props.json != null) {
    content = Object.keys(this.props.json.fields).map(function (key) {
        return <div>Key: {key}, Value: {this.props.json.fields[key]}</div>;
    });
}

渲染时出现意外令牌

1 个答案: