Must the name of the element ui tree control label be the same? How should it be displayed if it is inconsistent?

data: [{
          moduleCode: "Setting",
          moduleName: "",
          listMenu: [
            {
              code: "User",
              menuText: "",
              url: "string",
              icon: "string",
              orderNo: 0,
              state: null
            },
            {
              code: "Module",
              menuText: "",
              url: "string",
              icon: "string",
              orderNo: 0,
              state: null
            },
            {
              code: "Role",
              menuText: "",
              url: "string",
              icon: "string",
              orderNo: 0,
              state: null
            }
          ]
        }]
The data returned by the

background is as follows: the primary name is moduleName , and the secondary name should be menuText in listMenu .

defaultProps: {
    children: "listMenu",
    label: "moduleName"
}

how should this be configured to display menuText . In this way, I only display moduleName , secondary blank

.
Nov.10,2021

against the background if it is inconsistent, let him change it to a consistent

.
Menu