<RecoilRelayEnvironmentProvider>

<RecoilRelayEnvironment> 元件讓您可以在子元件中，將 Relay Environment 與 Recoil GraphQL 選取器 或 原子效果 搭配使用。 <RelayEnvironmentProvider> 元件讓您可以在子元件中，將 Relay Environment 與 Relay 掛鉤搭配使用。 <RecoilRelayEnvironmentProvider> 只是一個便利元件，結合了這兩個效果。

---

屬性

• environment - 要註冊的 Relay Environment 物件。
• environmentKey - EnvironmentKey 物件，用於將此環境與之關聯。

---

範例

const myEnvironmentKey = new EnvironmentKey('My Environment');

function MyApp() {
  return (
    <RecoilRoot>
      <RecoilRelayEnvironmentProvider
        environment={myEnvironemnt}
        environmentKey={myEnvironmentKey}>
        {/** My App **/}
      </RecoilRelayEnvironmentProvider>
    </RecoilRoot>
  )
}

const myQuery = graphQLSelector({
  key: 'MyQuery',
  environment: myEnvironmentKey,
  query: graphql`...`,
  variables: {},
});

function MyComponent() {
  const results = useRecoilValue(myQuery);
}