时间戳

首页 > 解决方案 > 如何使用 React 代码更改现有的 jquery 和 html 逻辑？

node.js - 如何使用 React 代码更改现有的 jquery 和 html 逻辑？

问题描述

我有一个现有的应用程序，使用 jquery 和 html。- 一项功能是在按钮单击时打开所有数据的折叠并能够再次关闭。- 现在我需要用反应代码替换这个 jquery 和 html 吗？

我可以使用 create-react-app 还是如何实现它？

<table class="table table-bordered" id="mytable">
    <thead>
      <tr>
        <th>Firstname</th>
        <th>Lastname</th>
        <th>Email</th>
      </tr>
    </thead>
    <tbody>
      <tr>
        <td>John</td>
        <td>Doe</td>
        <td>john@example.com</td>
    <button id="rejectbtn">reject</button>
      </tr>
    </tbody>
  </table>

我有一个像上面的表格，其中有一个拒绝按钮。现在点击这个拒绝按钮，一个折叠正在打开，它是一个包含所有行数据的表单。这种折叠是使用 HTML 和 jquery 完成的。我想用反应代码替换它。

标签： node.jsreactjs

解决方案

根据给出的信息，可以确定您需要手风琴之类的东西，这可以通过 jquery 轻松实现。通过将此实现转换为反应，您正在寻找什么？

但是，如果您需要将其转换为 react 组件，则需要了解 JSX，您可以通过它创建标记，然后附加事件最终达到预期的结果。

更多信息请参考：https ://reactjs.org/tutorial/tutorial.html

推荐阅读