世界上最伟大的投资就是投资自己的教育
Ant Design Pro v5 获取动态菜单与基于角色权限管理视频教程 已录完,每天更新一集
接下来全力录制商城项目课程,直到完结
src/components/Home.js
import React, { Component } from 'react';
import PropTypes from 'prop-types';
export default class Home extends Component {
constructor(props) {
super(props);
this.state = {
age: props.initialAge
}
}
onMakeOlder() {
this.setState({
age: this.state.age + 3
})
}
render() {
return (
<div className="container">
<div className="row">
<div className="col-xs-1 col-xs-offset-11">
<div>your name is {this.props.name}, your age is {this.state.age}</div>
<button onClick={() => {this.onMakeOlder()}} className="btn btn-primary">Make me older</button>
</div>
</div>
</div>
);
}
}
Home.propTypes = {
name: PropTypes.string,
age: PropTypes.number,
user: PropTypes.object
};
07:251Free诱人的 React 免费视频教程 - 基础篇 #1 介绍
04:182Free诱人的 React 免费视频教程 - 基础篇 #2 create-React-app
07:423Free诱人的 React 免费视频教程 - 基础篇 #3 第一个组件
05:094Free诱人的 React 免费视频教程 - 基础篇 #4 多个组件
02:295Free诱人的 React 免费视频教程 - 基础篇 #5 输出动态数据
11:226Free诱人的 React 免费视频教程 - 基础篇 #6 通过 Props 传递数据
07:247Free诱人的 React 免费视频教程 - 基础篇 #7 事件
03:54Free诱人的 React 免费视频教程 - 基础篇 #8 组件的 state 属性
04:329Free诱人的 React 免费视频教程 - 基础篇 #9 React 如何更新 dom
05:4310Free诱人的 React 免费视频教程 - 基础篇 #10 无状态组件
05:5111Free诱人的 React 免费视频教程 - 基础篇 #11 子组件向父组件传值
07:0512Free诱人的 React 免费视频教程 - 基础篇 #12 组件间传值
06:5713Free诱人的 React 免费视频教程 - 基础篇 #13 双向数据绑定
20:4114Free诱人的 React 免费视频教程 - 基础篇 #14 组件生命周期(完结)
▬▬▬▬▬▬ 联系我 👋 ▬▬▬▬▬▬
b 站:https://space.bilibili.com/31152817
知乎:https://www.zhihu.com/people/rails365
Github:https://github.com/hfpp2012
Youtube:https://www.youtube.com/channel/UCA-Jkgr40A9kl5vsIqg-BIg
▬▬▬▬▬▬ 微信相关 👋 ▬▬▬▬▬▬




© 汕尾市求知科技有限公司 | 专业版网站 | 关于我们 | 在线学员:1144
粤公网安备 44152102000088号
| 粤ICP备19038915号
initialAge 这个属性需要在 app.js 里面 把 Home 组件里的 age 属性改成 initialAge