时间戳

首页 > 解决方案 > 在 React.js 中使用图像而不是单选按钮

javascript - 在 React.js 中使用图像而不是单选按钮

问题描述

我正在使用 Laravel 和 react.js 做一个项目。
我只需要从这个图像列表中选择一个图像： 在此处输入图像描述

上图的代码，

  <table>
    <tbody>
      <tr>
       <td class="cactus"> <img src="../assets/images/Echeveria-colorata.jpg" alt="Generic placeholder image" /> Echeveria-colorata</td>
       <td class="cactus"><img src="../assets/images/Echeveria-imbricata.jpg" alt="Generic placeholder image" />Echeveria-imbricata</td>
       <td class="cactus"><img src="../assets/images/Graptopetalum-paraguayense.jpg" alt="Generic placeholder image" />Ghost Plant</td>
       <td class="cactus"><img src="../assets/images/Mammillaria-elongata.jpg"alt="Generic placeholder image" />Ladyfinger cactus</td>
      </tr><br />
     <tr>
       <td class="cactus"><img src="../assets/images/Graptopetalum-paraguayense.jpg" alt="Generic placeholder image" />Ghost Plant</td>
       <td class="cactus"><img src="../assets/images/Bunny-Ears.jpg" alt="Generic placeholder image" />Bunny-Ears</td>
       <td class="cactus"><img src="../assets/images/Echeveria-colorata.jpg" alt="Generic placeholder image" />Echeveria-colorata</td>
       <td class="cactus"><img src="../assets/images/Echeveria-imbricata.jpg" alt="Generic placeholder image" />Echeveria-imbricata</td>
     </tr>
   </tbody>
 </table>

谢谢您的帮助！

标签： javascripthtmlreactjslaravel

解决方案

推荐阅读