如何在按钮单击时将图片连续添加到 ReactJS 中的表格

韦伯

我正在尝试将图片添加到用户单击按钮的表格中,图像进入第一个单元格,他们再次按下它,第二个图像进入第二个单元格,依此类推。我试图做这样的事情:

<tr className = "tableRow">
                <td><img src = {this.state.Array[0].image}  alt = "" /></td>
                <td><img src = {this.state.Array[1].image} alt = ""/></td>
                <td><img src = {this.state.Array[2].image} alt = ""/></td>
              </tr>

然后单击按钮只需将新图像推送到状态数组。当然,我没有意识到,在图像被推送到数组之前, Array[x] 将是未定义的,渲染将失败。

我想我可以在数组中放入空字符串,然后用图像替换它们,但我觉得有一种更好的方法来做这件事,但我错过了。

任何建议表示赞赏

杰森·戈马特

img如果数组长度足够大,您可以使用条件只显示元素

<td>
  { this.state.Array.length > 0 ? <img src={this.state.Array[0]} alt="" />
    : null }
</td>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Lua:在表格中添加表格

来自分类Dev

如何在ReactJS中添加“ colSpan”属性

来自分类Dev

如何在Reactjs中添加新元素

来自分类Dev

如何在ReactJs中单击动态生成的“链接”时将值传递给页面?

来自分类Dev

将滚动EventListener添加到GatsbyJS(ReactJS)中的文档中

来自分类Dev

在reactjs的表格行中单击``编辑''按钮时如何保存我的userData

来自分类Dev

在按钮上加载新组件单击在ReactJs中?

来自分类Dev

如何在Reactjs中的列表中调用按钮单击

来自分类Dev

如何在ReactJS中向单击的项目添加活动类

来自分类Dev

ReactJs,如何将类名添加到相同div的Map中

来自分类Dev

如何在php中单击按钮时显示表格?

来自分类Dev

Lua:在表格中添加表格

来自分类Dev

如何在单击UIButton时将金额添加到UITextField中

来自分类Dev

当我在reactjs中单击按钮时如何加载函数

来自分类Dev

单击按钮时更改reactjs中的组件

来自分类Dev

在reactjs中使用AJAX单击时如何重新加载表格

来自分类Dev

将数字添加到表格中时出错

来自分类Dev

无法通过 ReactJS 中的 setState() 将 Font-Awesome 图标添加到按钮

来自分类Dev

使用 VBA 在按钮单击时将动态表单添加到 Excel 中

来自分类Dev

无法添加到 reactjs 购物车中的项目

来自分类Dev

如何在 Reactjs 中向 HTML 表格行元素添加文本 + 图标

来自分类Dev

如何将行号添加到打印的表格中

来自分类Dev

如何在 ReactJS 中动态添加图像?

来自分类Dev

如何在按钮单击时显示新的 HTML 表格

来自分类Dev

HighChart 在 reactjs 中不显示“表格”

来自分类Dev

如何将渲染的表格数据导出为 pdf 文件或 reactjs 中的任何其他格式

来自分类Dev

ReactJS:如何在按钮单击时更改文本值

来自分类Dev

如何根据reactjs中的日期范围选择(开始日期-结束日期)过滤表格行?

来自分类Dev

如何将 javascript 代码添加到 reactJS 文件中?

Related 相关文章

  1. 1

    Lua:在表格中添加表格

  2. 2

    如何在ReactJS中添加“ colSpan”属性

  3. 3

    如何在Reactjs中添加新元素

  4. 4

    如何在ReactJs中单击动态生成的“链接”时将值传递给页面?

  5. 5

    将滚动EventListener添加到GatsbyJS(ReactJS)中的文档中

  6. 6

    在reactjs的表格行中单击``编辑''按钮时如何保存我的userData

  7. 7

    在按钮上加载新组件单击在ReactJs中?

  8. 8

    如何在Reactjs中的列表中调用按钮单击

  9. 9

    如何在ReactJS中向单击的项目添加活动类

  10. 10

    ReactJs,如何将类名添加到相同div的Map中

  11. 11

    如何在php中单击按钮时显示表格?

  12. 12

    Lua:在表格中添加表格

  13. 13

    如何在单击UIButton时将金额添加到UITextField中

  14. 14

    当我在reactjs中单击按钮时如何加载函数

  15. 15

    单击按钮时更改reactjs中的组件

  16. 16

    在reactjs中使用AJAX单击时如何重新加载表格

  17. 17

    将数字添加到表格中时出错

  18. 18

    无法通过 ReactJS 中的 setState() 将 Font-Awesome 图标添加到按钮

  19. 19

    使用 VBA 在按钮单击时将动态表单添加到 Excel 中

  20. 20

    无法添加到 reactjs 购物车中的项目

  21. 21

    如何在 Reactjs 中向 HTML 表格行元素添加文本 + 图标

  22. 22

    如何将行号添加到打印的表格中

  23. 23

    如何在 ReactJS 中动态添加图像?

  24. 24

    如何在按钮单击时显示新的 HTML 表格

  25. 25

    HighChart 在 reactjs 中不显示“表格”

  26. 26

    如何将渲染的表格数据导出为 pdf 文件或 reactjs 中的任何其他格式

  27. 27

    ReactJS:如何在按钮单击时更改文本值

  28. 28

    如何根据reactjs中的日期范围选择(开始日期-结束日期)过滤表格行?

  29. 29

    如何将 javascript 代码添加到 reactJS 文件中?

热门标签

归档