“Requête médiatique dans JSX” Réponses codées

Query médiatique dans 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

Requête médiatique dans JSX

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

Réponses similaires à “Requête médiatique dans JSX”

Questions similaires à “Requête médiatique dans JSX”

Plus de réponses similaires à “Requête médiatique dans JSX” dans JavaScript

Parcourir les réponses de code populaires par langue

Parcourir d'autres langages de code