跳至主要內容

新增 Relay

Relay 是由 GraphQL 提供技術支援,用來建置資料驅動 React 應用程式的架構。Relay 的現行版本支援使用 Babel 巨集的 Create React App 專案。請依照 Relay 文件 中所示來設定專案,然後確定您具備有提供巨集的 babel 外掛程式版本。

如需新增它,請執行

npm install --save babel-plugin-relay

或者您可以使用 yarn

yarn add babel-plugin-relay

然後,不論您在哪裡使用 graphql 範本標籤,請匯入巨集

import graphql from 'babel-plugin-relay/macro';
// instead of:
// import { graphql } from "babel-plugin-relay"

graphql`
query UserQuery {
viewer {
id
}
}
`;

若要進一步了解 Relay,請查看 其文件