首页 / REACT / 四. React 实现一个 helloWorld

四. React 实现一个 helloWorld

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了四. React 实现一个 helloWorld，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含767字，纯文字阅读大概需要2分钟。

内容图文

(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 页面

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

内容总结

以上是互联网集市为您收集整理的四. React 实现一个 helloWorld全部内容，希望文章能够帮你解决四. React 实现一个 helloWorld所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1265931.html

来源：【匿名】