如何修改此ES6代码以插入断点？

Question

我正在学习ES6语法，以及最新的Apollo库。这个withData代码改编自Githunt-React Apollo演示。

const withData = graphql(GETIMS_QUERY, { 
    options: ({ params }) => ({ 
     variables: { 
      "fromID": Meteor.userId(), 
      "toID": `${params.toID}`, 
     }, 
    }), 
}); 

params似乎并不包含我所期望的。我想插入一个断点来检查params的内容。但是如果我在options旁边添加一个断点，我发现params未定义。

我想我可能需要才能看到的params内容添加以下代码块中的断点：

const withData = graphql(GETIMS_QUERY, { 
    options: ({ params }) => ({ 
     //IS THERE A WAY TO ADD A BREAKPOINT IN HERE SOMEHOW? 
     //MAYBE RETURN `VARIABLES` AS A FUNCTION RESULT? 
     variables: { 
      "fromID": Meteor.userId(), 
      "toID": `${params.toID}`, 
     }, 
    }), 
}); 

有没有办法做到这一点？

在此先感谢所有的任何信息。

Answer 1

你可以叫console.log（你可以添加在该行断点）明确并返回对象：

const withData = graphql(GETIMS_QUERY, { 
    options: ({ params }) => { 
     console.log(params); 

     return { 
      variables: { 
      "fromID": Meteor.userId(), 
      "toID": `${params.toID}`, 
      }, 
     }; 
    }, 
});