React16 演示，在线预览HTML/Vue

HTML

格式化

支持Emmet，输入 p 后按 Tab键试试吧！

<head> ...

展开

</head>

<body>

<!-- 引入 react@16.14 -->
<script src="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/react/16.14.0/umd/react.development.min.js" type="application/javascript"></script>
<script src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/react-dom/16.14.0/umd/react-dom.development.min.js" type="application/javascript"></script>

<div id="app"></div>

</body>

CSS

格式化

html {
  height: 100%;
}
body {
  height: 100%;
  background: #212121;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

格式化

ReactDOM.render(
  <h1>Hello, React 16!</h1>,
  document.getElementById('app')
);

预览

控制台