Without a custom hook example in react

Outrageous Ostrich answered on April 10, 2022 Popularity 5/10 Helpfulness 1/10

answer Without a custom hook example in react

Without a custom hook example in react

Comment

const LayoutComponent = () => {
    const [onSmallScreen, setOnSmallScreen] = useState(false)

    useEffect(() => {
        checkScreenSize();
        window.addEventListener("resize", checkScreenSize);
    }, []);

    let checkScreenSize = () => {
        setOnSmallScreen(window.innerWidth < 700);
    };

    return (
        <div className={`${onSmallScreen ? "small" : "large"}`}>
            <h1>Hello from Default Hooks</h1>
        </div>
    );
};

Popularity 5/10 Helpfulness 1/10 Language javascript

Source: softhunt.net

Tags: hook javascript

Link to this answer
Share Copy Link

Contributed on Apr 10 2022

Outrageous Ostrich

0 Answers Avg Quality 2/10

Without a custom hook example in react

Contents

More Related Answers

Without a custom hook example in react

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.