javascript - 通过函数创建元素，然后在渲染函数中将新元素附加到父元素？

Question

我有一个对象，我想通过迭代返回数据，例如，
{“你好”:1，“世界”:2}

我可以编写一个迭代对象的函数，并将值作为元素返回，如下所示:

iterateObject() {
    for (var key in myObject) {
        return <span>{myObject[key]}</span>
    }
}

如果我可以以这种方式返回元素，我将如何将它们添加到渲染函数中的现有父元素中？

render() {
    return(
        <div className="objectData">
            APPEND NEW ELEMENTS HERE
        </div>
    )
}

Answer 1

您可以从 map() 返回数组:

iterateObject() {
    return Object.values(myObject).map((item,i) => {
        return <span key={i}>{item}</span>
    }
}

render() {
    return(
        <div className="objectData">
            {this.iterateObject()}
        </div>
    )
}