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