小题莫の博客

<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="utf-8">
    <title></title>
    <script src="js/browser.js" charset="utf-8"></script>
    <script src="js/react.js" charset="utf-8"></script>
    <script src="js/react-dom.js" charset="utf-8"></script>
  </head>
  <body>
    <div id="root"></div>
    <script type="text/babel">
    //写组件
    class Cmp1 extends React.Component{
      constructor(...args){
        super(...args);
      }

      render(){
        return (
          <div>
            <span style={{color: 'red'}}>文字</span>
          </div>
        );
      }
    }

    //用组件
    let root=document.getElementById('root');

    ReactDOM.render(<Cmp1></Cmp1>, root);
    </script>
  </body>
</html>