![jsからqueryの文字列変換に罠が多い
const str = ‘abcde’; => `strParam: ”${str}”`
const arr = [1, 2, 3]; => `arrParam: [${arr}]`
あれ？jsにそんなもんないよ＞＜とりあえずそういう感じでいいかな
const enum = { RED: 0, GREEN: 1 };
そうするとこう渡すでしょう => `enumParam: ${enum.RED}`
と思っている方もいるだろう。
String
Array
Enum](https://image.slidesharecdn.com/gxujymfjrzuyydyfpyta-signature-c2bc03ea5e9ef2db82c44b6fb4a0997a77cddc38c0d9edaf0f03356578399ffe-poli-161215092857/85/GraphQL-5-320.jpg)
フロントでのGraphQL
- 5. jsからqueryの文字列変換に罠が多い const str = ‘abcde’; => `strParam: ”${str}”` const arr = [1, 2, 3]; => `arrParam: [${arr}]` あれ？jsにそんなもんないよ＞＜とりあえずそういう感じでいいかな const enum = { RED: 0, GREEN: 1 }; そうするとこう渡すでしょう => `enumParam: ${enum.RED}` と思っている方もいるだろう。 String Array Enum
- 6. 違う！！！ 求められているのはこう => ‘enumParam: RED’ ‘enumParam: 0’は決して許されない つまりjs側の定義はこうした方がいい const enum = { RED: ‘RED’, GREEN: ‘GREEN’ }; => `enumParam: ${enum}`; Stringとの違いは${}の外にダブルクオーテーションをつけないこと！
- 14. client node resource request merged response merged request 1 merged request 2 response1 response2 GraphQLをnodeに移動し、RESTに戻す
- 16. ご清聴ありがとうございました！