Question

所以我相信我有一个相当简单的问题，但是努力寻找答案。

const obj = {'a', 'b', 'c'}
let items;
for (const i in obj) {
    items = `<div>${i}</div>`;
}
return items;

预期结果

<div>a</div>
<div>b</div>
<div>c</div>

实际结果

“渲染未返回任何内容。这通常意味着缺少return语句。或者，要不显示任何内容，请返回null。”

Answer 1

您必须使用数组。工作示例：

const items = ['a', 'b', 'c']
return items.map(item=>`<div>${item}</div>`)

Answer 2

尝试一下。

<html>
    <title>test</title>
    <body>
        <div id="container">
            
        </div>
    </body>
    <script>
        const obj = ['a', 'b', 'c'];
        let items = '';
        for (const i in obj) {
            items += `<div>${obj[i]}</div>`;
        }

        document.getElementById('container').innerHTML += items;
    
    </script>
</html>

for循环内函数未返回任何内容（反应）

2 个答案: