“Cara Mendapatkan Ukuran Jendela di React JS” Kode Jawaban

Cara Mendapatkan Ukuran Jendela di React JS

const Component = () => {
  const { height, width } = useWindowDimensions();

  return (
    <div>
      width: {width} ~ height: {height}
    </div>
  );
}
Difficult Dragonfly

Cara Mendapatkan Ukuran Jendela di React JS

import { useState, useEffect } from 'react';

function getWindowDimensions() {
  const { innerWidth: width, innerHeight: height } = window;
  return {
    width,
    height
  };
}

export default function useWindowDimensions() {
  const [windowDimensions, setWindowDimensions] = useState(getWindowDimensions());

  useEffect(() => {
    function handleResize() {
      setWindowDimensions(getWindowDimensions());
    }

    window.addEventListener('resize', handleResize);
    return () => window.removeEventListener('resize', handleResize);
  }, []);

  return windowDimensions;
}

Difficult Dragonfly

Jawaban yang mirip dengan “Cara Mendapatkan Ukuran Jendela di React JS”

Pertanyaan yang mirip dengan “Cara Mendapatkan Ukuran Jendela di React JS”

Lebih banyak jawaban terkait untuk “Cara Mendapatkan Ukuran Jendela di React JS” di JavaScript

Jelajahi jawaban kode populer menurut bahasa

Jelajahi bahasa kode lainnya