Question

我有一个对象，我想通过迭代返回数据，例如，
{"hello": 1, "world": 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>
    )
}

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

1 个答案: