React学习笔记

简介: React学习笔记



学习菜鸟教程React 教程地址

安装

npm 安装

npm install -g cnpm --registry=https://registry.npm.taobao.org
npm config set registry https://registry.npm.taobao.org

安装脚手架

cnpm install -g create-react-app

用脚手架创建一个标准工程

create-react-app my-app

进入到新创建的项目目录里

cd my-app/

启动工程

npm start

浏览器访问效果

项目工程目录结构

修改App.js

import logo from './logo.svg';
import './App.css';
function App() {
  return (
    <div className="App">
      <header className="App-header">
        <img src={logo} className="App-logo" alt="logo" />
        <h1>欢迎来到菜鸟教程</h1>
        <p>
          Edit <code>src/App.js</code> and save to reload.
        </p>
        <a
          className="App-link"
          href="https://reactjs.org"
          target="_blank"
          rel="noopener noreferrer"
        >
          Learn React
        </a>
      </header>
    </div>
  );
}
export default App;

修改后的效果

相关文章
|
1月前
|
前端开发
React学习笔记(一)
React学习笔记(一)
|
8月前
|
前端开发 API
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-react-redux的工作流程
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-react-redux的工作流程
55 0
|
8月前
|
前端开发
前端学习笔记202305学习笔记第二十九天-React keep alive原理之2
前端学习笔记202305学习笔记第二十九天-React keep alive原理之2
41 0
|
4月前
|
前端开发 JavaScript
《Webpack5 核心原理与应用实践》学习笔记-> React全栈环境
《Webpack5 核心原理与应用实践》学习笔记-> React全栈环境
38 0
|
8月前
|
前端开发
前端学习笔记202307学习笔记第六十二天-react原理之1
前端学习笔记202307学习笔记第六十二天-react原理之1
44 0
|
8月前
|
前端开发
前端学习笔记202307学习笔记第六十一天-react知识点串讲之6
前端学习笔记202307学习笔记第六十一天-react知识点串讲之6
43 0
|
8月前
|
前端开发
前端学习笔记202307学习笔记第六十一天-react知识点串讲之11
前端学习笔记202307学习笔记第六十一天-react知识点串讲之11
41 0
|
8月前
|
前端开发
前端学习笔记202307学习笔记第六十一天-react知识点串讲之12
前端学习笔记202307学习笔记第六十一天-react知识点串讲之12
34 0
|
8月前
|
前端开发
前端学习笔记202305学习笔记第二十九天-React keep alive原理之
前端学习笔记202305学习笔记第二十九天-React keep alive原理之4
37 0
|
8月前
|
前端开发
前端学习笔记202305学习笔记第二十九天-React keep alive原理之7
前端学习笔记202305学习笔记第二十九天-React keep alive原理之7
36 0