javascript - 如何在 React 中返回多个图像元素

标签 javascript reactjs

我正在尝试找到一种从函数返回多个图像的方法。在这里的例子中: https://codesandbox.io/s/gifted-jennings-fcghy 您可以看到第一个函数可以返回单个图像,但我不知道如何正确返回多个图像。我尝试连接元素,但这只渲染了字符串而不是图像。 请原谅凌乱的代码。

感谢您的帮助。

最佳答案

How to return multiple image elements in React?

通过返回元素数组。例如:

return [
    <img src="a.png"/>,
    <img src="b.png"/>,
    <img src="c.png"/>,
];

它可以作为可重用函数的返回值,也可以作为功能组件或类组件的 render 的返回值。

关于javascript - 如何在 React 中返回多个图像元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58285084/

相关文章:

reactjs - React.Components 中的 console.log 和调试器语句 - 意外 token

javascript - 在另一个javascript vue js文件中使用导出的数据为空

javascript - 将两个变量加在一起

node.js - 如何在 React 应用程序中使用 promise 的功能

node.js - Sails + 在单个 heroku 服务器上使用react?

javascript - React 路由器 activeClassName 没有为子路由设置事件类

javascript - 自动选择 React 的 HTML 元素类型

javascript - Safari 扩展将消息发送到特定选项卡

javascript - Angular2 cookie 而不是本地存储

javascript - 没有 if 语句限制数字