02-JSX-变量.html

  <div id="root"></div>
  <!-- React核心库 -->
  <script src="./react.js"></script>
  <!-- React和DOM相关得库 -->
  <script src="./react-dom.js"></script>
  <!-- babel工具包,用于转换JSX语法-->
  <script src="./babel.min.js"></script>
  <!-- 要给JSX所在得script设置类型为type="text/babel",babel才会去编译-->
  <script type="text/babel">

    var title="Hello,world"
    //有时候标签比较多,要有()才能换行,不换行也能()
    //在JSC中取变量/表达式{}取,jsx中所有变量或函数都是通过{}取
    reactDOM.render((<h1>
      {title+'12345'}
      </h1>),document.getElementById('root'))

  </script>

猜你喜欢

转载自www.cnblogs.com/lucy-xyy/p/11643229.html
JSX