• 카테고리

    질문 & 답변
  • 세부 분야

    프론트엔드

  • 해결 여부

    미해결

chapter_04 시계만들기

23.05.07 10:30 작성 조회수 421

0

시간 부분이 안뜨네요..

 

Clock.jsx

import React from "react";

function Clock(props){
    return(
        <div>
            <h1>안녕, 리액트!</h1>
            <h2>현재 시간 : {new Date().toLocaleDateString()}</h2>
        </div>
    );
}

export default Clock;

 

index.js

import React from 'react';
import ReactDOM from 'react-dom/client';
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';

import Clock from './chapter_04/Clock';

const root = ReactDOM.createRoot(document.getElementById('root'));

setInterval(() => {
  root.render(
    <React.StrictMode>
      <Clock />
    </React.StrictMode>
  );
},1000);

reportWebVitals();

 

 

 

답변 1

답변을 작성해보세요.

0

안녕하세요, 소플입니다.

toLocaleDateString() 함수가 아니라,

toLocaleTimeString() 함수를 사용하시면 됩니다!

 

감사합니다.