I am trying to set references for a task via the Planner Graph API, but am unable to set the URL through a variable.

I have written a separate method for encoding the url, and it returns the correct value, but still the references aren't set for the Planner task.

const updateAttachedFiles = (
    links: string[],
    taskId: string,
    etag: string
  ) => {
    var encodedLink: string; 
    links.forEach(async (link) => {
      encodedLink = escapeHtml(link)
      await graph.planner.tasks.getById(taskId).details.update(
        {
          references: {
            encodedLink : {
              "@odata.type": "microsoft.graph.plannerExternalReference",
              "previewPriority": " !",
              type: "Other",
            },
          },
        },
        etag);
    }
    )
  };

 const escapeHtml = (unsafe) => {
    let temp = unsafe.replaceAll("%", "%")
    unsafe = temp
    .replaceAll(".", ".")
    .replaceAll(":", ":")
    .replaceAll("@", "@")
    .replaceAll("#", "#");

     return unsafe

  }

But if I change encodedLink to the hardcoded URL (copied from the value set in the variable encodedLink), it works.

{
          references: {
            "https://shmafe.sharepoint.com/sites/PlannerTest1/Delade dokument/nedladdning.jpg" : {
              "@odata.type": "microsoft.graph.plannerExternalReference",
              "previewPriority": " !",
              type: "Other",
            },
          },
        }

I need to be able to set the link dynamically, so how can I do it without being able to use a variable? Am I doing something else wrong?

Microsft documenttion for Update plannertaskdetails https://docs.microsoft.com/en-us/graph/api/plannertaskdetails-update?view=graph-rest-1.0&tabs=javascript

Microsft documenttion for plannerExternalReferences resource type https://docs.microsoft.com/en-us/graph/api/resources/plannerexternalreferences?view=graph-rest-1.0

CodePudding user response：

To use a variable as an object key, you need to use the bracket syntax

For example:

const myVariable = 'hello';
const demoObject = {
  [myVariable]: 'world'
};

console.log(demoObject[myVariable]);
// same as
console.log(demoObject.hello);

<iframe name="sif1" sandbox="allow-forms allow-modals allow-scripts" frameborder="0"></iframe>

This should fix it:

const updateAttachedFiles = (
    links: string[],
    taskId: string,
    etag: string
  ) => {
    var encodedLink: string; 
    links.forEach(async (link) => {
      encodedLink = encodeURI(link)
      await graph.planner.tasks.getById(taskId).details.update(
        {
          references: {
            [encodedLink] : {
              "@odata.type": "microsoft.graph.plannerExternalReference",
              "previewPriority": " !",
              type: "Other",
            },
          },
        },
        etag);
    }
  )
};