我使用https://github.com/brimdata/react-arborist表示可拖动的树,但我不知道如何才能从中取回排序的数据.你能帮帮忙吗?

推荐答案

您可以使用useSimpleTree挂钩创建数据,并使用下面描述的方法订阅数据更改:

import { useEffect } from "react";
import { Tree, useSimpleTree } from "react-arborist";

export default function App() {
  const [data, controller] = useSimpleTree(initialData);

  useEffect(() => {
    console.log(data);
  }, [data]);

  return <Tree data={data} {...controller}></Tree>;
}

You can experiment using the example data from the react-arborist repository.
I have put together a simple working example.

Reactjs相关问答推荐

TypeError:b不是React.js中的函数错误

Reaction Axios多部分/表单-数据数组不工作

Next.js Next-Auth登录函数重定向到http://localhost:3000/api/auth/error

这两个子元素在Reaction Native中使用的有什么不同?

MUI:在props 主题中找到的值:;错误;是[Object],而不是字符串或数字

StrictMode+SetInterval=双重渲染(即使使用useEffect清理)

如何将 MUI X 数据网格单元格方向更改为行级而不是列级?

对于 ref 上的可见 prop 或 open 方法来react 组件,哪种方式更好?

为什么 createSlice 中的 reducer 不能以不同的方式改变状态?

我应该如何将字符串作为props 传递给 React 组件?

如何初始化 redux 全局存储 preloadedState

react 测试库不测试包含 react 路由 dom V6 的组件

Cypress 组件测试不渲染react 组件(但它的内容)

顶点图表甜甜圈项目边框半径

动态添加或删除文本输入字段并将值设置为 React JS 中主要状态的数组

当我在 useEffect 中使用 useDispatch 时,我的组件继续渲染

React Native PermissionsAndroid 不包括 READ_MEDIA_IMAGES.如何解决这个问题?

如何在 MUI 数据网格中的 renderCell 组件之间传递状态

ReactJS:按钮启用禁用更改 colored颜色

添加禁用的默认选项以 Select