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 · 2429 阅读 · 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 · 125 阅读 · 0 评论 -
React之遍历对象
通常我们在前台会遇到对象,需要对其中的属性遍历 let obj={ name:"小东",age:"18",sex:"男" } //通常取值的方式 //1.对象.属性 console.log(obj.name); //小东 //2.对象["属性"] console.log(obj["...原创 2020-03-25 14:40:53 · 8013 阅读 · 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 · 5369 阅读 · 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 · 433 阅读 · 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 · 1240 阅读 · 0 评论