我在我的项目 react.js 上运行此代码时遇到问题

我是 react 的初学者，我正在阅读官方文档以获得良好的基础，除了当我执行 codeopen 上给出的示例时，它可以工作，但我不知道如何使其在我的项目中工作。

这个例子https://codepen.io/gaearon/pen/zKRGpo?editors=0010

class Clock extends React.Component {
  render() {
    return (
      <div>
        <h1>Hello, world!</h1>
        <h2>It is {this.props.date.toLocaleTimeString()}.</h2>
      </div>
    );
  }
}

function tick() {
  ReactDOM.render(
    <Clock date={new Date()} />,
    document.getElementById('root')
  );
}

setInterval(tick, 1000);

它在 codepen 上运行良好，但在我的项目中不起作用。如何在应用程序上导出此代码以使其正常工作。对不起我的英语不好