“СМИ запрос в React JS” Ответ

СМИ запрос в 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

СМИ запрос в JSX

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

Ответы похожие на “СМИ запрос в React JS”

Вопросы похожие на “СМИ запрос в React JS”

Больше похожих ответов на “СМИ запрос в React JS” по JavaScript

Смотреть популярные ответы по языку

Смотреть другие языки программирования