📝 add code documentation
This commit is contained in:
@ -1,5 +1,27 @@
|
|||||||
import { useEffect, useRef } from "react";
|
import { useEffect, useRef } from "react";
|
||||||
|
|
||||||
|
/**
|
||||||
|
* @module useRunOnce
|
||||||
|
* @description A custom React hook that ensures a callback function is executed only once
|
||||||
|
* during the component's lifecycle, even in React Strict Mode or development with hot reloading.
|
||||||
|
*
|
||||||
|
* @param {() => void | Promise<void>} callback - The function to execute once. Can be synchronous or asynchronous.
|
||||||
|
* @returns {void}
|
||||||
|
*
|
||||||
|
* @example
|
||||||
|
* // Synchronous usage
|
||||||
|
* useRunOnce(() => {
|
||||||
|
* console.log('This runs only once');
|
||||||
|
* initializeSomething();
|
||||||
|
* });
|
||||||
|
*
|
||||||
|
* @example
|
||||||
|
* // Asynchronous usage
|
||||||
|
* useRunOnce(async () => {
|
||||||
|
* const data = await fetchData();
|
||||||
|
* setInitialData(data);
|
||||||
|
* });
|
||||||
|
*/
|
||||||
const useRunOnce = (callback: () => void | Promise<void>) => {
|
const useRunOnce = (callback: () => void | Promise<void>) => {
|
||||||
const calledRef = useRef(false);
|
const calledRef = useRef(false);
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user