跳至主要内容

添加 Relay

Relay 是一个用于构建由 GraphQL 提供支持的数据驱动 React 应用程序的框架。当前版本的 Relay 可以与 Create React App 项目开箱即用,使用 Babel Macros。按照 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 的信息,请查看其文档