I'm a react.js beginner, searching for methods to alter my data structure. For example, I want to push new objects into the children-array or remove them by key.

What is the appropriate way to do that?

const [treeData, setTreeData] = useState([
  {
    title: "parent 1",
    key: "0-0",
    icon: <UserAddOutlined />,
    children: [
      {
        title: "parent 1-0",
        key: "0-0-0",
        icon: <UserAddOutlined />,
        children: [
          {
            title: "leaf",
            key: "0-0-0-0",
            icon: <UserAddOutlined />,
          },
          {
            title: "leaf",
            key: "0-0-0-1",
            icon: <UserAddOutlined />,
          },
        ],
      },
      {
        title: "parent 1-1",
        key: "0-0-1",
        icon: <UserAddOutlined />,
        children: [
          {
            title: "sss",
            key: "0-0-1-0",
            icon: <UserAddOutlined />,
          },
        ],
      },
    ],
  },
]);