Fatal编程技术网
  • javascript/
  • Javascript 如何在React中呈现同一类的多个对象？（如Instagram、Facebook或Pinterest）

Javascript 如何在React中呈现同一类的多个对象？（如Instagram、Facebook或Pinterest）

javascript node.js reactjs

Javascript 如何在React中呈现同一类的多个对象？（如Instagram、Facebook或Pinterest）,javascript,node.js,reactjs,frontend,render,Javascript,Node.js,Reactjs,Frontend,Render,基本上，我想显示一个组件（卡），它显示一个产品，但要多次显示。组件从数据库获取数据，因此我只需要使用不同的道具来呈现组件。在下一幅图像中，按原样完成渲染。我需要做的是，每张卡片通过数据库提取数据，并在滚动时呈现一定数量的卡片（例如，当它在主IG页面上滚动并且出现更多出版物时） -->图像示例：您可以以常量显示包含可变数据的卡片，然后向其传递道具 比如说 从“React”导入React； 从“react dom”导入react dom； 从“antd”导入{Card}； 导入“/styles.

基本上，我想显示一个组件（卡），它显示一个产品，但要多次显示。组件从数据库获取数据，因此我只需要使用不同的
道具来呈现
组件。在下一幅图像中，按原样完成渲染。我需要做的是，每张卡片通过数据库提取数据，并在滚动时呈现一定数量的卡片（例如，当它在主IG页面上滚动并且出现更多出版物时）


-->图像示例：
您可以以常量显示包含可变数据的卡片，然后向其传递道具

比如说





从“React”导入React；
从“react dom”导入react dom；
从“antd”导入{Card}；
导入“/styles.css”；
函数App（）{
const card=prop=>(
{prop.title}

);
返回(
{卡片（{标题：“Facebook”}）}
{卡片（{标题：“推特”}）}
{卡片（{标题：“Instagram”}）
{卡片（{标题：“YouTube”}）}
);
}
const rootElement=document.getElementById（“根”）；
render（，rootElement）

您尝试过什么？您遇到了哪些问题需要解决？可能重复的