码迷,mamicode.com
首页 > 其他好文 > 详细

四. React 实现一个 helloWorld

时间:2019-09-01 11:02:33      阅读:87      评论:0      收藏:0      [点我收藏+]

标签:窗口   cal   col   nbsp   lan   from   host   npm   public   

(1)   删除 my-app/public/ 目录下所有文件 只保留  index.html    修改 index.html 代码如下

  

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
       
    <title>React App</title>
  </head>
  <body>
   
    <div id="root"></div>
   
  </body>
</html>

 (2)     进入src 目录  修改index.js  代码如下

  

import React from react;
import ReactDOM from react-dom;
import App from ./App;

ReactDOM.render(<App />, document.getElementById(root));

(3)  修改 App.js 代码如下 

import React, { Component } from react;
 

function App() {
  return (
    <div >
       hello ,world 
    </div>
  );
}

export default App;

(4)  在 my-app 项目路径下 打开cmd窗口  输入 npm run start    此时 访问  localhost:3000  可以看到 hello World 页面

四. React 实现一个 helloWorld

标签:窗口   cal   col   nbsp   lan   from   host   npm   public   

原文地址:https://www.cnblogs.com/szw-blog/p/11441335.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!