メインコンテンツへスキップ

<RecoilRelayEnvironment>

このコンポーネントは、GraphQL セレクターまたは、一致する EnvironmentKey を持つ子コンポーネントによって参照される atom effects で使用される Relay Environment を登録します。


小道具

  • environment - 登録する Relay Environment オブジェクト。
  • environmentKey - この環境に関連付ける EnvironmentKey オブジェクト。

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

function MyApp() {
return (
<RecoilRoot>
<RecoilRelayEnvironment
environment={myEnvironemnt}
environmentKey={myEnvironmentKey}>
{/** My App **/}
</RecoilRelayEnvironment>
</RecoilRoot>
)
}
const myQuery = graphQLSelector({
key: 'MyQuery',
environment: myEnvironmentKey,
query: graphql`...`,
variables: {},
});

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