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