Reactjs 如何从函数组件中的本地存储将图像值渲染为数组？

我想从本地存储文件夹渲染图像，我尝试使用下面的代码， 但是它不起作用，有人能帮我吗

import React，{useState}来自“React”；
导入“/App.css”；
从“./Post”导入Post；
函数App（）{
const[posts，setPosts]=useState([
{
id:1，
imageUrl:require（'./img/naso.jpg'），
},
{
id:2，
imageUrl:require（'./img/bimal.jpg'），
}
]);
返回(
{posts.map（（post）=>(
))}
);
}
导出默认应用程序；

您需要导入顶部的图像：

import React，{useState}来自“React”；
导入“/App.css”；
从“./Post”导入Post；
函数App（）{
const[posts，setPosts]=useState([
({
id:1，
imageUrl:require（'./img/naso.jpg'））
},
{
id:2，
imageUrl:require（'./img/bimal.jpg'），
})
];
返回(
{posts.map（（post）=>(
))}
);
}
导出默认应用程序；

---

祝你好运…

我不知道你在代码中的什么地方获得要渲染的图像这里没有任何本地存储代码。你不能在

useState

初始数据中要求（“…”）某些内容。如果你只需要imageUrl，为什么要调用

require

？它应该类似于

useState（[{imageUrl:'.img/naso.jpg'）])；

然后在您发布的组件中，

bro，我像useState（[{imageUrl:'.img/naso.jpg'}]）一样尝试了它；但是它将错误显示为TypeError:undefined是不可写的（无法读取属性符号（Symbol.iterator））谢谢，回答这个问题，先生，我以前就知道了，但是如果不导入标题部分中的资源，还有其他方法吗？我们不能将图像链接到其数组对象本身中的文件吗？谢谢兄弟，useState的小括号，抓住了我的错误，不管怎样，再次感谢