Question

所以我正在遵循 React 分步文档（特别是：https://reactjs.org/docs/rendering-elements.html），因为“制作游戏”教程对我来说并不真正有效，我正在尝试重新创建时钟更新每隔一个微应用程序。只是，我是在本地做的，所以我决定创建一个包含时钟的组件：

import React, {Component} from 'react'
class App extends Component {
    render () {
        return (
            <div className='container'>
                <h1>The time is</h1>
                <h2>It is {new Date().toLocaleTimeString()}</h2>
            </div>
        )
    }
}

export default App

我导入到 index.js 中：

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

setInterval(ReactDOM.render(<App />, document.getElementById('root')), 1000);

现在 index.js 应该这样做，至少据我所知：设置 1000 毫秒的间隔，以便每 1000 毫秒触发一次 ReactDOM.render(component, location) 函数。除了......它不起作用。我想要做的就是这样的事情，但使用组件，而不是经典函数：

时间是：

插入当地时间

插入当地时间等

每秒渲染一个 React 组件

0 个答案: