عافاك الله , في جزئية أن الوقت ليس ديناميكيا : هل هناك من حل أضيفه على هذا الكود
استاذ جزاك الله . لقد توصلت للحل :
import { useEffect, useState, useCallback } from 'react';
import { Col, Row } from 'react-bootstrap';
import moment from 'moment';
function Test() {
const [today, setToday] = useState({});
const getToday=() => {
const t = moment();
return {
time: t.format('hh:mm:ss a'),
date: t.format('D/MMM/YYYY'),
};
};
useEffect(()=>{
const interval= setInterval(() => {
setToday(getToday);
}, 1000);
return ()=>{
clearInterval(interval)
}
},[])
return (
<Row>
<Col className='colTop'>{today.date}</Col>
<Col className='colTop' style={{ fontSize: '1.6rem', textAlign: 'center' }}>
<h2>{today.time}</h2>
</Col>
</Row>
);
}
export default Test;