React
react
王湘佰BLOG
愿戎码三五年,回首满满回忆
展开
-
react学习笔记(五)状态提升&生命周期
react状态提升//react组件也可以在组方法中使用组件模板中的原生元素或子组件对象,但是需要手动创建ref,然后在模板中使用这个ref赋值。一个数字控制demo父组件import React, { Component } from 'react';import "./Second.css";import Stepper from "../Stepper/Stepper.js";...原创 2020-04-30 12:19:49 · 200 阅读 · 0 评论 -
react学习笔记(四)style绑定&class绑定
react --style绑定style字面量对象绑定// state数据 this.state = { a:10, b:20, txtColor:"#ff0000" } //属性绑定<p style={{color:this.state.txtColor,fontWeight:"bold"...原创 2020-04-30 11:44:58 · 1378 阅读 · 0 评论 -
react学习笔记(三)数据双向绑定&条件渲染
react双向数据绑定/react中没有直接的双向绑定,必须通过手动传值和事件监听实现双向绑定。/绑定 <input value={this.state.txt} onChange={this.txtChange}/> <p>{this.state.txt}</p>onchange事件,可以获取到输入值 txtChange = e=>{...原创 2020-04-29 17:23:00 · 325 阅读 · 0 评论 -
react学习笔记(二) 循环渲染组件+传参
react项目中如何渲染一个数组到页面中呢?我有这样的一个数组this.state = { books:[ {name:"web前端开发入门",price:20}, {name:"数据库管理工程师",price:30}, {name:"IOS开发指南",price:29....原创 2020-04-29 16:41:09 · 1372 阅读 · 0 评论 -
react学习笔记(一) 图片导入&传值&事件绑定
react项目创建已经完善,目标地址→图片导入和css设置两个比较小的点》》页面使用的图片在页面的开始部分采用**import xx from ‘‘xx’’;**的形式导入,使用的时候src后用{}进行包裹App.js示例import logo from './logo.svg'; //图片导入<img src={logo} className="App-logo" alt...原创 2020-04-29 16:21:22 · 346 阅读 · 0 评论 -
React脚手架搭建及react项目新建
1.安装node.js和npm 自行下载即可,这里不做详细介绍2.通过cmd执行node -v和npm -v 查看是否下载成功和下载成功后的版本号3.换源安装好的npm的源默认是国外的源,会因为网络的原因导致执行npm操作有延迟,我们可以切换npm的源为淘宝的镜像源。执行 npm config set registry https://registry.npm.taobao.org。...原创 2020-03-18 17:20:29 · 224 阅读 · 0 评论