React email&&

来源:互联网 发布:王熙凤 知乎 编辑:程序博客网 时间:2024/06/03 16:31
<html>  <head>      <title>Document</title>      <script src="../react.js"></script>      <script src="../react-dom.js"></script>      <!-- //引用资源,JSX转HTML -->      <script src="http://cdn.bootcss.com/babel-core/5.8.38/browser.min.js"></script>  </head>  <body>      <div id="reactContainer"/>      <script type="text/babel">        function Mailbox(props) {          const unreadMessages = props.unreadMessages          return (            <div>              <h1>Hello</h1>              {unreadMessages.length > 0 &&                <h2>                  You have {unreadMessages.length} unread message.                </h2>              }            </div>          )        }        const unreadMessages = ['a', 'b', 'c']        ReactDOM.render(          <Mailbox unreadMessages={unreadMessages}/>,          document.getElementById('reactContainer')        )      </script>  </body></html>