在React.js应用程序中使用jQuery formBuilder插件(可排序的问题)

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.formbuilder/0.4.3/jquery.formbuilder.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.css" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery.formbuilder/0.4.3/jquery.formbuilder.min.css" />

import React, { Component } from 'react';

class FormBuilder extends Component {
  componentDidMount() {
    $(this.formElement).formBuilder();
  }

  componentWillUnmount() {
    $(this.formElement).formBuilder('destroy');
  }

  render() {
    return <div ref={element => this.formElement = element}></div>;
  }
}

export default FormBuilder;

import React from 'react';
import FormBuilder from './FormBuilder';

function App() {
  return (
    <div>
      <h1>React.js应用程序</h1>
      <FormBuilder />
    </div>
  );
}

export default App;