zoukankan      html  css  js  c++  java
  • 初学react,为什么页面不显示

    初学react,为什么页面不显示?各位莫见笑

    这是源码,把jsx改成babel也不行。页面死活都是一片空白。
    <!DOCTYPE html">
    <html>
    <head>
    <title>发布活动</title>
    
    <script src="build/react.js" type="text/javascript" ></script>
    <script src="build/react-dom.js" type="text/javascript" ></script>
    
    </head>
    <body>
    
    <div id="container"></div>
     <script type="text/JSX">
    
    ReactDOM.render(
      <h1>Hello, world!</h1>,
      document.getElementById('container')
    );
     </script>
    </body>
    </html>

    ReactDOM.render(
      <h1>Hello, world!</h1>,
      document.getElementById('container')
    );
    
    ReactDOM.render(
      <h1>Hello, world!</h1>,
      document.getElementById('container')
    );
    这句话在你的运行环境下是不对的。
    <h1>Hello, world!</h1>这种JSX语法需要编译成JS版本的react的Component实例才行。
    你可以把标签 <h1>去掉,来写你的hello world入门react。
    
    安利下我年初写的react项目boilerplate供你学习吧


    class App extends React.Component {
    render() {
    return <h1>Hello, world!</h1>
    }
    }
    ReactDOM.render(<App />, document.getElementById('root'))

    去把教程看一遍啊,react是需要编译过浏览器才认识的
     
     
     
  • 相关阅读:
    RedMine 1.3.3 安装攻略
    .net 4.0 framework 安装时发生严重错误
    MYSQL安装配置
    接口隔离ISP
    依赖倒置DIP
    VS2010添加WP模板
    VS2012尝鲜
    OCP开放闭合
    单一职责
    里氏替换
  • 原文地址:https://www.cnblogs.com/aivnfjgj/p/6493213.html
Copyright © 2011-2022 走看看