This solution is generated by ChatGPT, correctness is not guaranteed.
AI solution for React Coding Question on BFE.dev
9. useEffectOnce()
Solution:
Here is one possible implementation using the useEffect()
hook:
import { useEffect } from 'react';
function useEffectOnce(effect) {
useEffect(effect, []);
}
This implementation takes an effect function as an argument, and calls it with an empty dependency array []
. This means that the effect will only run once, when the component is mounted.
Here's an example of how to use this hook:
import React from 'react';
import { useEffectOnce } from './useEffectOnce';
function MyComponent() {
useEffectOnce(() => {
console.log('Mounted!');
});
return (
<div>
<h1>Hello, world!</h1>
</div>
);
}
In this example, the useEffectOnce()
hook is used to log a message to the console when the component is mounted. The message will only be logged once, thanks to the useEffectOnce()
hook.