React Jquery Data Table В таблице нет данных

Question

Я новичок, чтобы реагировать. Для своих целей я использовал таблицу данных jquery для своего проекта. Он работал очень хорошо. но проблема в том, что в первой строке отображается «Нет данных в таблице», после чего отображаются только мои данные. Как решить эту проблему. Если кто-то может помочь, это будет очень заметно.

Мой код такой же, как и ниже. В котором данные поступают из метода load ().

$.DataTable = require("datatables.net");
class Forward_To_Ho extends Component {
  constructor(props) {
    super(props);
    this.getList = this.getList.bind(this);
    this.state = {
      forwardtoholist: [],
      selected: [],
      forwardToHoError: "",
      selectedaccountid: 0
    };
    this.loadList();

    // this.loadList = this.loadList.bind(this);
  }

  componentWillMount() {
    ForwardToHoStore.on("changefho", this.getList);
  }

  //WARNING! To be deprecated in React v17. Use componentDidMount instead.
  componentDidMount() {
    $(document).ready(function() {
      $("#forwardtohotable").DataTable();
    });
  }
  componentWillUnmount() {
    // You might need to use eval(result)
    ForwardToHoStore.on("changefho", this.getList);
  }

  loadList() {
    ForwardToHoAction.getAllForwardToHo();
    //  this.setState({
    //    forwardtoholist: ForwardToHoAction.getList()
  }

Следит за моим столом с идентификатором "forwardtohotable".