<RecoilRelayEnvironmentProvider>

<RecoilRelayEnvironment>コンポーネントでは、Relay GraphQL セレクタまたはAtom Effectsで、子コンポーネント内のRelay Environmentを使用できます。<RelayEnvironmentProvider>コンポーネントを使用すると、子コンポーネントのRelayフックでRelay Environmentを使用できます。<RecoilRelayEnvironmentProvider>は、要するにこれらの2つを組み合わせて利用できる便利なコンポーネントです。

プロパティ

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);
}

プロパティ​

例​

プロパティ

例