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}`,
          },
        };
    },
});

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

1 个答案: