
react
我兔威武
哒哒哒哒
展开
-
react(4)在jsx中书写js代码
import React from 'react' import ReactDOM from 'react-dom' let a = 10 let str = 'Hello world' let boo = false let title = '123' const h1 = <h1>456</h1> const arr = [ <h2>h2</h2...原创 2020-01-06 12:06:13 · 2253 阅读 · 0 评论 -
react(3)在项目中用react
导入包(接收成员名称必须加上单引号) import React from 'react' // 创建组件、虚拟DOM元素,生命周期 import ReactDOM from 'react-dom' // 把创建好的组件和虚拟DOM放到页面上展示 创建虚拟 DOM const myh1 = React.createElement('h1',{id:'myh1',title:'th...原创 2020-01-04 12:14:51 · 145 阅读 · 0 评论 -
react(2)创建基本的webpack4.x项目
运行 npm init -y 快速初始化项目 在项目根目录创建 src 源代码目录和 dist 产品目录 在 src 目录下创建 index.html 使用 npm 安装 webpack ,运行 npm i wenpack webpack-cli -D(cnpm i wenpack webpack-cli -D) 注意:webpack 4.x 提供了约定大于配置的概念,目的是为了尽量减少...原创 2020-01-03 20:11:09 · 122 阅读 · 0 评论 -
react(1)
React 是一个用于构建用户界面的 JavaScript 库。 一、 react 和 vue 的对比 1、什么是模块化? 是从代码角度来分析的。把一些可复用的代码,抽离为单个的模块;便于维护和开发。 2、什么是组件化? 是从 UI 界面的角度来进行分析的。把一些可复用的UI元素,抽离为单独的组件;便于项目的维护和开发。 3、组件化的好处。 随着项目规模的增大,组件越来越多,很方便把现有的组件拼接...原创 2020-01-03 17:09:13 · 97 阅读 · 0 评论