小编wkw*_*kwk的帖子

我正在使用 MUI 创建文件列表DataGrid。用户可以选中复选框DataGrid来做出选择。我希望在用户执行某些操作（例如删除所选文件）后重置该复选框。

我面临的问题是在执行删除操作后，该复选框仍然在同一位置被选中。例如，在我按下删除按钮之前：

当我按下删除按钮后：

第二行的复选框仍处于选中状态。如何以编程方式重置复选框？

const [selectedFile, setSelectedFile] = useState([]); // To keep selected file
const [files, setFiles] = useState([]); // To keep uploaded file

const deleteSelectedFile = () => {
  const filteredFileList = files.filter(
    (item) => !selectedFile.includes(item)
  );
  setFiles(filteredFileList);
};

 <DataGrid
    rows={displayFile ? displayFile : []}
    columns={columns}
    pageSize={3}
    checkboxSelection
    onSelectionModelChange={({ selectionModel }) =>
      setSelectedFile(selectionModel)
    }
  />

如何将小十进制数格式化为 x10 表示法？例如：

0.00298265 --> 2.98265 x 10^-3
9.72157e-9 --> 9.72157 x 10^-9

我正在构建一个计算器来计算一些与化学相关的计算。所以大多数结果将是非常小的值。

一个示例结果是4.840909814726882e-09。

如何以类似的格式显示此值4.84 x 10^(-9)？

我正在尝试根据另一个数组中列出的索引来过滤数组。例如：

const item = ['apple','orange','watermelon','pineapple'];
const index = [1,3];

基于索引数组，我想返回一个数组[ 'orange','pineapple']

我如何以有效的方式做到这一点？我尝试使用两个数组之间的比较，但我认为这对于效率来说不是很好。