Question

如何从react-orgchart中删除和编辑节点。在编辑和删除节点时，我有三个用例- 1.当用户尝试删除节点时，请检查该节点是否为叶节点，然后直接将其删除 2.当用户尝试删除非叶节点时，询问用户是否要删除具有所有子节点的节点。如果他想删除带有所有子节点的节点，则删除带有所有子节点的节点。如果他只想删除该特定节点，则删除该节点并将其所有子节点分配给其父节点。 3.如果用户要编辑特定节点，并且它是叶节点，则对其进行编辑。如果用户要编辑不是叶节点的节点，则在编辑后检查是否已更改父节点，如果用户未更改父节点，则进行编辑。如果他更改了父节点，则根据其父节点将其所有子节点重新对齐。

当前用户只能在react-orgchart中添加节点。所有数据都将保存到mongodb中。我已经使用graphql执行所有操作。

当前，我能够根据所提供的代码添加节点，但无法编辑或删除节点。

这是表单提交功能

onSubmit = async data => {
    console.log("data: ", data);
    let formData = {
      // input: {
      email: data.email,
      password: Math.random()
        .toString(36)
        .slice(-8),
      name: data.name,
      reportTo: data.reportTo && data.reportTo.value,
      officePhone: data.officePhone,
      mobilePhone: data.mobilePhone,
      timeZone: this.state.timeZone,
      userImage: data.userImage,
      keyResponsibilities: data.keyResponsibilities,
      executiveAssistant:
        data.executiveAssistant && data.executiveAssistant.value,
      delegate: data.delegate && data.delegate.value,
      title: data.title,
      roleId: "LEAD",
      // },
    };
    await this.props.addUser({ variables: { input: formData } });
    if (!this.props.addUserPayload.error) {
      this.props.handleRoute(this.props.addUserPayload.data);
    }
  };

当前我只能添加节点。我需要执行编辑和删除节点。任何帮助将不胜感激。

从react-orgchart删除和编辑节点

0 个答案: