reactjs - React Js 将数组对象绑定到 mui-datatables

Question

我正在尝试绑定从 grpc 服务器返回的数据以响应 js 客户端。我 react mui-data-tables用来显示数据。在我的控制台的浏览器中，我得到了响应对象。但是当我将响应对象传递给函数 DatatablePage(value)data-table 时不显示数据。下面是我从 grpc 获得并传递给 DatatablePage(value) 的值。请向我提出建议，我该如何解决这个问题。

let value = {"validatorsList":[{"publicKey":"wtmQ/lZiD+D2i3LyloItrGgRyjSpAsRE9kc0vl6qZgljp2GpXTAWvBDTiegmIPUJIEUZyqZy9xGDm46QK5M9ounarW0gGJ/ZZ/fMQqxfiq9AFvYlAPlDuN4FRdEwq8UX","number":0,"sequence":0,"stake":0,"bondingHeight":0,"lastJoinedHeight":0}]}

function DatatablePage(value) {
  let jsonData = JSON.stringify(value);
  const columns = ["publicKey", "Number", "Sequence", "Stake", "Height"];
  const data = [jsonData[0].publicKey, jsonData[0].number];
  const options = {
    filterType: "checkbox",
  };

  return (
    <MUIDataTable
      title={"Validator List"}
      data={data}
      columns={columns}
      options={options}
    />
  );
}

标签： reactjs