- 博客(5)
- 收藏
- 关注
RSS订阅原创 react组件创建
一、创建函数组件function App() { return ( <div>这是函数组件</div> )}export default App二、创建类组件//React是react中默认导出的，Component是创建类组件时需要继承的需要先从react中解构出来import React,{Component, Fragment} from "react";class About extends Component{ render
2021-11-15 17:53:31
576
原创 JSX外联样式与CSS在JS中的解决方案
一、JSX中的外联样式///////////////////////////////////////////////////////////////////////////定义全局外联样式 style.cssbody{ background-color: orange;}.box{ width:100px; height:100px; background-color: seagreen;}//定义组件外联样式 Test.module.css.ite
2021-11-15 17:27:44
1070
原创 jsx语法二
/** * jsx 数据循环 * 01.直接将数组解构输出 * 02.循环遍历输出 * */// const arr=[<p>1</p>,<p>2</p>,<p>3</p>]const arr=[ { id:1, name:'jsx', age:100 }, { id:2, name:'jsx2', age:200 }]function App() {.
2021-11-15 16:16:56
205
原创 JSX语法
/** *1.JSX可以看做是js语言的扩展 既不是字符串也不是HTML *2.JSX具备了js所有的功能，同时还可以转化为HTML 在界面上进行展示 * *--动态显示数据 {} *--调用方法:自定义+语言内置 *--支持表达式,不支持if/else,支持三元表达式 *--模板字符串 *--注释 *--对象 * */const name='jsx'const flag=falseconst obj={ name:'jsx', age:100}function .
2021-11-14 13:20:28
290
原创 react开发环境搭建
方案一、基于webpack搭建react开发环境1.mkdir webpack-react && cd webpack-react && npm init2.在package.json中添加依赖项"devDependencies": { "@babel/core": "^7.13.8", "@babel/preset-env": "^7.13.9", "@babel/preset-react": "^7.12.13", "babel
2021-11-12 18:45:28
463
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人