@24hr/react-hooks 中文文档教程
@24hr/react-hooks
React hooks library
Documentation
useBeforeMount
挂载前运行的钩子,适用于SSR。
useBeforeMount(() =>
console.log('Runs only once before component mounts. Works on the server!')
)
useLocalStorage
一个与 localstorage 同步状态的钩子
/**
* @typedef Options
* @property {boolean} [clearOnUnmount] - Whether or not to clear the localstorage value on unmount.
*/
/**
* A hook that syncs the state with a property in the localstorage.
* @param {string} defaultVal - The initial value
* @param {string} key - Mandatory key to use to store the data in localstorage.
* @param {Options} options - Options object
* @return {[any, function, function]} - Return the current state, a set state function and a function to clear the storage.
*/
const [state, setState, clear] = useLocalStorage('default value', 'key', { clearOnUnmount: false });
Want to contribute?
贡献很容易!
克隆 repo 并从 master 创建一个新分支。
进行更改。
运行
./bump.sh
并选择您的更改是主要补丁还是次要补丁。承诺并推动。
向 master 发出合并请求。 CI 管道会将您的新版本发布到 NPM!
Contributors ✨
感谢这些优秀的人 (emoji key):
Marcus Thelin ???? | schmolie ???? |
这个项目遵循 all-contributors 规范。 欢迎任何形式的贡献!
@24hr/react-hooks
React hooks library
Documentation
useBeforeMount
A hook that runs before mount and is suitable for SSR.
useBeforeMount(() =>
console.log('Runs only once before component mounts. Works on the server!')
)
useLocalStorage
A hook that syncs state with localstorage
/**
* @typedef Options
* @property {boolean} [clearOnUnmount] - Whether or not to clear the localstorage value on unmount.
*/
/**
* A hook that syncs the state with a property in the localstorage.
* @param {string} defaultVal - The initial value
* @param {string} key - Mandatory key to use to store the data in localstorage.
* @param {Options} options - Options object
* @return {[any, function, function]} - Return the current state, a set state function and a function to clear the storage.
*/
const [state, setState, clear] = useLocalStorage('default value', 'key', { clearOnUnmount: false });
Want to contribute?
It's easy to contribute!
Clone the repo and create a new branch from master.
Make your changes.
Run
./bump.sh
and choose if your changes are major, minor och patch.Commit and push.
Make a merge request to master. The CI pipeline will publish your new version to NPM!
Contributors ✨
Thanks goes to these wonderful people (emoji key):
Marcus Thelin ???? | schmolie ???? |
This project follows the all-contributors specification. Contributions of any kind welcome!