如何修改此 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}`,
          },
        };
    },
});