如何修改此 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（并且可以在该行添加断点）和 return 显式对象：

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

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

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

How to Modify This ES6 Code so as to Insert a Breakpoint?

javascript

ecmascript-6

apollostack