Сделали кастомный хук

This commit is contained in:
2026-06-02 20:43:00 +03:00
parent ec325b51bc
commit 8a15a26ff6
+15 -2
View File
@@ -1,10 +1,23 @@
// удаляем все, оставляя лишь пустую функцию App ниже
import React, {useState, useEffect} from 'react'
function useWindowWidth() {
const [width,setWidth] = useState(window.innerWidth)
useEffect(() => {
const handleResize = () => setWidth(window.innerWidth);
window.addEventListener('resize',handleResize);
return () => window.removeEventListener('resize',handleResize);
},[])
return width
}
function App() {
const width = useWindowWidth();
return (
<>
{/* Добавьте тестовый контент для проверки */}
<h1>Hello, React!</h1>
<h1>Hello, React!{width}</h1>
</>
)
}