![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
react
文章平均质量分 51
梦想编织青春er
这个作者很懒,什么都没留下…
展开
-
react实现简易的todolist
1.受控元素实现todolist import {render} from 'react-dom' import React,{Component} from 'react' class ToDoList extends Component{ state = { title:"记录", name:'王', message:'哈哈哈哈', list:[], // {id:1,name:'王',message:'原创 2021-04-06 10:16:12 · 295 阅读 · 0 评论 -
react基础-列表渲染-条件渲染-refs-受控元素-非受控元素
1 列表渲染//对象 数组 string 数字this.props|state.属性名.map(function(val,index){return jsx}) import {render} from "react-dom"; import {Component} from 'react' class Demo extends Component{ state = { str: "bmw", num: 10,原创 2021-04-01 23:19:19 · 165 阅读 · 0 评论 -
react基础-组件-props-事件-组件状态
1. 组件react组件:函数式组件和api式组件(不常用)和类式组件// 1.函数式组件 import { render } from 'react-dom' function Header() { return( <div> <span>LOGO</span> <nav> <a href="/">a</a>原创 2021-03-31 23:52:36 · 305 阅读 · 0 评论 -
react介绍及使用脚手架搭建项目
介绍一款javascript前端框架,把用户界面抽象成一个个的组件,按需组合成页面,官网,与其他框架的共同点是,都采用虚拟dom,和数据驱动开始使用可以使用yarn或者npm创建 react项目(也可以使用WebStorm直接创建 )create-react-app 目录 | npx create-react-app 目录 (直接使用脚手架创建)yarn eject 解构出所有的配置文件 可选yarn start | npm start 开发yarn build | ..原创 2021-03-30 23:45:32 · 180 阅读 · 0 评论