“Zapytanie medialne w JSX” Kod odpowiedzi

Zapytanie o media w React JS

import React, { useState, useEffect } from 'react';

const App = () => {
  const [matches, setMatches] = useState(
    window.matchMedia("(min-width: 768px)").matches
  )

  useEffect(() => {
    window
    .matchMedia("(min-width: 768px)")
    .addEventListener('change', e => setMatches( e.matches ));
  }, []);

  return (
    <div >
      {matches && (<h1>Big Screen</h1>)}
      {!matches && (<h3>Small Screen</h3>)}
    </div>
  );
}

export default App;
Raviraj Solanki

Zapytanie medialne w JSX

window.matchMedia("(min-width: 768px)").matches
Beautiful Boar

Odpowiedzi podobne do “Zapytanie medialne w JSX”

Pytania podobne do “Zapytanie medialne w JSX”

Więcej pokrewnych odpowiedzi na “Zapytanie medialne w JSX” w JavaScript

Przeglądaj popularne odpowiedzi na kod według języka

Przeglądaj inne języki kodu