React : why isn't my function returning multiple divs? 中的 Javascript 函数

Question

我想为给定对象内的每个项目和 key 对返回一个“hi”div。所以当我在对象中有 2 对时，我想返回 2 个 div。但是，我只返回 1 个 div。为什么会这样？我是否遗漏了一些非常明显的东西，我只是现在没有得到？如何返回超过 1 个 div？

函数如下:

createList() {
        for(let chosenBook in this.props.updateBasket.productMap) {
            return <div>hi</div>
        }
    }

Answer 1

for循环遇到return语句就会退出。您需要的是 map object keys 并返回结果。

createList() {
        return Object.keys(this.props.updateBasket.productMap).map(key => {
            return <div>hi</div>
        });
    }