Вопрос пользователя:
Создать функциональный компонент CurrentTime, который будет
отображать текущее время, форматированное в удобочитаемом виде
(например, "Текущее время: 14:35").
2. Использовать объект Date для получения текущего времени и метод
toLocaleTimeString() для его форматирования.
3. Импортировать компонент CurrentTime в App.js и использовать его
внутри компонента App, чтобы отобразить текущее время на странице.
4. Добавить минимальную стилизацию для компонента CurrentTime,
чтобы выделить отображаемое время (например, использовать <h2>
для заголовка и немного CSS для улучшения внешнего вида).
Ответ нейросети:
// CurrentTime.js
import React from 'react';
const CurrentTime = () => {
const currentTime = new Date().toLocaleTimeString();
return (
<h2 style={{ fontSize: '1.5rem', color: 'blue' }}>
Текущее время: {currentTime}
</h2>
);
}
export default CurrentTime;
// App.js
import React from 'react';
import CurrentTime from './CurrentTime';
const App = () => {
return (
<div>
<h1>Привет, мир!</h1>
<CurrentTime />
</div>
);
}
export default App;