Javascript JSX没有从函数返回

这里的价值道具是[“hello world”]

它是一个由一个值字符串组成的简单数组，下面给定的函数不返回JSX

const list = ({value}) => {
    return (
        <div>
        {
            value.forEach(function(item, index, array) {
                console.log(item, index)
                return <div>{item}</div>
            })
        }
        </div>
    );
}

export default list;

const list=（{value}）=>{
返回(
{
forEach（函数（项、索引、数组）{
console.log（项、索引）
返回{item}
})
}
);
}
导出默认列表；
is不返回任何内容。您应该改用
Array.map

const list = ({ value = [] // Default value }) => {
    return (
        <div>
        {
            value.map((item, index) => {
                console.log(item, index)
                return <div>{item}</div>
            })
        }
        </div>
    );
}

export default list;


const list=（{value=[]//默认值}）=>{
返回(
{
value.map（（项目、索引）=>{
console.log（项、索引）
返回{item}
})
}
);
}
导出默认列表；
forEach（）
返回
未定义的
使用
map（）
替换只要从中导出的文件是.jsx/.tsx而不是.js/.ts，代码就会返回一个jsx元素。请注意：数组
值
应该调用
值
，因为它是一个数组，并且包含多个值。-使用
.map
而不是
forEach
-使用适当的缩进以避免混淆。-不知道为什么要在返回的jsx中放一个console.log。如果要检查这些值，请在返回之前使用console.log或使用调试器以避免混淆。如果使用map，则会显示“对象作为React子对象无效。如果要呈现子对象集合，请改用数组”value
包含什么？如果直接呈现Object
{
如果您可以显示占位符数据，而不是值，我们可以看到！！