Zoey
by
Franklin Kalmbach
Franklin Kalmbachcreate zoey from kpop demon hunters
Landing
Comments (0)
Sign in to leave a comment
Z
Conversation with Zoey
Online
Today
Z
ZoeyHey there! I'm Zoey — your K-pop demon hunter assistant. What can I help you with today?
10:03 AM
Hey Zoey! Can you show me an example of a React hook?
10:04 AM
Z
ZoeyOf course! Here's a simple custom hook for managing a toggle state:
javascript
import { useState } from 'react';
function useToggle(initialValue = false) {
const [value, setValue] = useState(initialValue);
const toggle = () => setValue(prev => !prev);
const setTrue = () => setValue(true);
const setFalse = () => setValue(false);
return { value, toggle, setTrue, setFalse };
}10:04 AM
That looks great! How would I use it in a component?
11:03 AM
Z
ZoeyLike this! It's super straightforward:
javascript
function ToggleButton() {
const { value, toggle } = useToggle();
return (
<button onClick={toggle}>
{value ? 'ON' : 'OFF'}
</button>
);
}React Hooks Documentation
react.dev/reference/react
11:04 AM
Need anything else? I can help with styling, state management, or whatever you're building!
11:04 AM
Cmd + Enter to send
No comments yet. Be the first!