Question

我有一个使用jquery和html的现有应用程序。 -一种功能是打开带有所有数据的按钮单击即可折叠，并能够再次关闭。 -现在我需要使用react代码替换这个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进行折叠。我想用react代码代替它。

Answer 1

尝试使用react UI库，例如google的React Material UI。对于您的情况，我认为Modal组件会做 https://material-ui.com/utils/modal/

Answer 2

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

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

有关更多信息，请参见：https://reactjs.org/tutorial/tutorial.html

如何使用react代码更改现有的jquery和html逻辑？

2 个答案: