非常简单的时钟反应js

-1

如何在反应中使用setInterval函数重复呈现函数。请提供一个非常简单的例子。我正在使用Node js本地环境。在这里，我正在尝试simple clock given in react documentation（但我的文件结构不同）。我不知道关于didMount等。刚开始。非常简单的时钟反应js

下面是我App.jsx

import React,{ Component } from 'react'; 
class App extends Component { 

good(){ 
    {new Date().toLocaleTimeString()} 
} 
    render() { 
     return (
     <p>{setInterval(()=>this.good(),500)}</p> 
    ); 
    } 
} 
export default App;

main.js

import React from 'react'; 
import ReactDOM from 'react-dom'; 
import App from './App.jsx'; 


    ReactDOM.render(<App />, document.getElementById('app'));

的index.html

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <meta charset = "UTF-8"> 
     <title>React App</title> 
    </head> 
    <body> 
     <div id="app"></div> 
     <script src="index.js"></script> 
    </body> 
</html>

我的文件夹结构URE是像下面

folder structure