qq_39233028的博客

React生命周期函数： 组件加载之前，组件加载完成，以及组件更新数据，组件销毁。 触发的一系列的方法 ，这就是组件的生命周期函数组件加载的时候触发的函数： constructor 、componentWillMount、 render 、componentDidMount组件数据更新的时候触发的生命周期函数： shouldComponentUpdate、componentWillUpdate、render、componentDidUpdate你在父...

不同模块可登录npm，搜索对应方法有官方文档https://www.npmjs.com/Axios步骤：{/* axios 1. npm install axios --save 安装axios模块 2. import axios from 'axios' ; 3. var api='http://www.phonegap100.com/appapi.php?a=getPortalList&catid=20'; //接口后台允许了

1.传值默认值defaultProps父组件调用子组件不传值，则可以在子组件中defaultProps设置默认值父组件调用时未传值return ( <div> <Son num='123'></Son> </div> );.

1.父组件传值给子组件render() { return ( <div> <h1>父组件</h1> <TestSon t={this.state.father}/> </div> ); }父组件传值：< 子组件 {this.state.变量.

1.react 临时缓存数据checkboxChange=(key)=>{ let temp=this.state.list ; temp[key].checked=! temp[key].checked this.setState({ list : temp }) localStorage.setItem('todoList',JSON.stringify(temp)) //只能保存数据

1.输入框中：回车自动增加到待办事项2.待办事项中：勾选方框自动增加到已办事项3.已完成事项：取消勾选自动增加到待办事项待办事项：checked：false；已完成事项 ：checked：true1.回车增加待办事项addData=(e)=>{ if(e.keyCode==13){ var temp=this.state.list ; temp.push({ title:this.refs.ti.

1.增加 <input ref="title" ></input> <button onClick={this.addData}>增加+</button>addData=()=>{ var temp=this.state.list ; temp.push(this.refs.title.value); this.refs.title.value='' ;

1.react提交文本框 render() { return ( <div> <form onSubmit={this.handleSubmit}> 用户名:<input type='txt' value={this.state.name} onChange={this.handleName}> ..

组件名称Home.js基本代码;importReactfrom"react";classHome1extendsReact.Component{constructor(props){ super(props); this.state={ msg:'zhesh' } } render(){ ...

一、组件基本结构import React ,{Component} from "react";class Test extends Component { constructor(props){ super(props); this.state={ } } render() { return ( <div> <h2>所有内容都需要

一、安装1.安装nodejs :下载 | Node.js 中文网建议安装nodejs稳定版本（最新版本安装要求window8.0以上版本）2.安装cnpm:http://npm.taobao.org/npm install -g cnpm --registry=https://registry.npm.taobao.org3.用yarn替代npm yarn的安装： 第一种方法：参考官方文档https://yarn.bootcss....

每一个对象展示都需要一个key，否则会弹出警告一、绑定对象1. 循环方法1：在return()方法中循环 <ul> { this.state.list2.map(function(value,key){ return (<li key={key}>{value.title}</li>);

MVVM1.MV：mode改变viewsetName=()=>{ this.setState({ name:'张三' }) }<button onClick={this.setName} >改变name的值</button>2.VM：view改变model在网站文本框中输入值可以改变变量取值constructor(props){ super(props);