
React
最流行得框架
微微笑再加油
很多时候,我们更需要做的就是闭上自己愿意争辩的嘴,放下所谓高贵的自尊,承认自己曾经所犯的错误,下定决心努力去修正它。这并不代表放弃,而是收获了一份成长。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
React之props的基本使用
通常props扮演这数据传递的角色,在react之中也是如此 1.在函数组件之中传递 <script type="text/babel"> //props基本使用 function Com(props){ return ( <div>外部传递的数据:{props.text} ---{props.num}</di...原创 2020-03-25 17:14:31 · 2521 阅读 · 0 评论 -
React之组件的创建
一、函数组件 1.自定义组件的创建 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <ti...原创 2020-03-25 15:17:21 · 170 阅读 · 0 评论 -
React之遍历对象
通常我们在前台会遇到对象,需要对其中的属性遍历 let obj={ name:"小东",age:"18",sex:"男" } //通常取值的方式 //1.对象.属性 console.log(obj.name); //小东 //2.对象["属性"] console.log(obj["...原创 2020-03-25 14:40:53 · 8241 阅读 · 1 评论 -
React之列表遍历
程序开发经常会与数组集合打交道,经常会需要遍历其内容,在react中要怎么遍历呢? 1.map循环 <script type="text/babel"> let arr=["吃饭","睡觉","喝水"] let MyDom =arr.map((item,index)=>{ return <p>{item}<...原创 2020-03-23 17:13:21 · 5630 阅读 · 2 评论 -
React之jax语法
一.什么是jax? 概念:react定义的一种类似于xml的js拓展语法 作用:用来创建react的虚拟DOM对象的 二.jax基本语法 1.注释 <script type="text/babel"> let MyDom =<div> {/*注释方式*/} hello </div...原创 2020-03-22 23:24:40 · 502 阅读 · 0 评论 -
React之简单页面搭建
1.本地创建文件夹,保存所创建的项目 注意:文件夹名一定是英文名,不要有汉字 2.用vs code 打开本地所创建得空文件夹 3.使用cmd命令切换到当前目录 4.开始创建react项目 4.1下载react 核心包 4.2下载react-dom包 4.3下载babel包 5.新建一个html文件 6.引入react文件 代码 <!DOCTYPE html> <...原创 2020-03-22 18:27:03 · 1304 阅读 · 0 评论