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