打字稿 - 铸造字符串到自定义复杂对象

Question

我有一个由自动化系统返回的字符串。

"[
      {
        key: "FACTORY",
        prefix: () => h(NButton, { text: true, type: "primary" }, { default: () => "FACTORY" }),
        children: [
            {
              label: "id", key: "id",
              suffix: () => h(NButton, { text: true, type: "primary" }, { default: () => "marco" }),
            },
              {
                label: "groove", key: "groove",
                children: [
                    {
                      label: "shape", key: "shape",
                      suffix: () => h( NButton, { text: true, type: "primary" }, { default: () => "box" } ),
                    },
                ],
              }
        ],
      },
    ]"
  

填充 naive-ui> naive-ui ntree 组件。 Naive-UI组件需要 treeoption [] 类型才能正常运行。

export interface TreeOptionBase {
    key?: Key;
    label?: string;
    checkboxDisabled?: boolean;
    disabled?: boolean;
    isLeaf?: boolean;
    children?: TreeOption[];
    prefix?: () => VNodeChild;
    suffix?: () => VNodeChild;
}
export declare type TreeOption = TreeOptionBase & {
    [k: string]: unknown;
};

如何将我的生成的字符串转换为 treeoption [] 类型？

提前致谢

Answer 1

您可以尝试json.parse更改字符串 to array。