У меня проблема с компонентом React.
В приложении React я хотел бы отобразить другую строку заголовка для мобильных устройств и другой заголовок для ноутбука или настольного компьютера.Я использую заголовки материалов.Я создал два отдельных компонента заголовка, так как я могу настроить их в главном файле App.jsx для отображения одного заголовка для мобильного устройства и другого заголовка, когда пользователь находится на ноутбуке?
const headerLaptop =() ={
return (
<div>header element</div>
);
};
const headerMobile =() ={
return (
<div>header element</div>
);
};
const App =() ={
return (
<div>headerMobile or headerLaptop</div>
);
};