0.1.1 • Published 3 years ago
recoil-outside v0.1.1
recoil-outside
There is a problem to update states on recoilJS outside of component. It is a package of React to set or get on RecoilJS from outside of a component. This package is going to help you to update states or get states from outside of a component.
Set-Up
npm
npm i react-dom recoil recoil-outside
yarn
yarn add react-dom recoil recoil-outside
How to use
#1. Set recoil follow recoiljs getting-started
#2. Add RecoilOutside
same file with RecoilRoot
import React from 'react';
import RecoilOutside from "recoil-outside"
import { RecoilRoot } from "recoil"
import Main from "./Main"
const App = () => {
return (
<RecoilRoot>
<RecoilOutside/>
<Main />
</RecoilRoot>
);
};
export default App;
#3 When You will set or get at outside of the component, You can import promiseSetRecoil
or promiseGetRecoil
:example
import { promiseSetRecoil, promiseGetRecoil } from "recoil-outside"
import { store } from "./Store"
export const setTest = async() => {
await promiseSetRecoil(store, "Success")
}
export const getTest = async() => {
const value = await promiseGetRecoil(store)
return value
}