剧场模式
首页前端React诱人的 react 视频教程-基础篇

诱人的 react 视频教程 - 基础篇 #8 组件的 state 属性

海外散仙厉飞雨 · 化神发布于
7

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
};
1 条回复
  • adingmoon · 太乙
    adingmoon · 太乙 #1

    initialAge 这个属性需要在app.js里面 把Home组件里的age属性改成initialAge

加微信(qiuzhi99666)入群订阅号服务号
随机课程
React SSR & Next.js & GraphQL & TypeScript 入门与进阶实战视频教程

React SSR & Next.js & GraphQL & TypeScript 入门与进阶实战视频教程

18 个视频2 小时 14 分钟高级

Pro¥ 179.00¥ 143.20

后端React已完结新课程

学员
迅捷斥候tony · 大乘xforgchengz · 元婴穆博嘉 · 真仙yangxue1985 · 元婴owenyikong · 道祖星星De微光 · 金仙一片天空 · 元婴kuangcaobaihuzi · 道祖Asia Li · 大乘骑龙 · 太乙徐少侠 · 元婴jiuli-gcy · 道祖袁超 · 道祖阿震 · 真仙昀 · 元婴娜娜 · 太乙韩标 · 元婴sailorook · 金仙lilu1814 · 元婴graywolf · 元婴Emperor · 元婴River- · 大乘LeoTang · 元婴金丹期,大成 · 真仙小平头 · 元婴蒋海 · 元婴阿白 · 真仙ldc · 真仙比特 · 元婴kuckboy1994 · 太乙云 · 太乙kasni · 元婴陈召旭 · 元婴自然萌 · 元婴frank · 真仙YanXinhua · 道祖liulei-jishu · 合体小小小小🐏 · 元婴张文静 · 合体zbx7858 · 道祖zzqswo · 合体cc20140820 · 真仙wjfc · 太乙🐳陈昱含🌟 · 元婴329413447 · 元婴Sine · 合体hahah · 合体李卓 · 元婴ownryan · 道祖     · 合体syy · 元婴星空瀚海 · 化神Grace · 元婴CalvinSraub · 元婴山形瓦力 · 元婴MeteorLx · 元婴靓狼仔 · 真仙那人 · 元婴Actor · 大罗Blue米 · 大乘招财加菲猫 · 金仙mfkyddh · 金仙kaixuan1992 · 道祖heiy · 道祖daniel_mea · 元婴LeoDo · 太乙netNowork · 大乘jiaoxiaomei · 元婴Matthew · 道祖CunFlower · 合体ChenCMP · 元婴程 · 合体Max · 合体yhuyo · 道祖赵占涛 · 元婴liar · 真仙左左 洁 · 元婴何芳临 · 元婴海市蜃楼丶 · 元婴lwp007 · 元婴guxiaobai · 道祖chloris · 太乙JSjump · 大罗miaozilong · 合体XiaoJieRun · 元婴思进 · 大乘YJwsl · 练虚疯癫 · 金仙一只莫得感情的杀手! · 元婴shishihou · 道祖背包客 · 合体fmheart · 真仙wasd6631456 · 大乘ttyring · 元婴gitwisdom · 元婴vaga756 · 合体me · 元婴caspertu · 真仙chenjimin132 · 合体suntong233 · 元婴开心就好 · 合体linmiaomiao123 · 元婴咬指头的猫 · 元婴Qujoe · 合体libin · 大乘FastTurbo · 道祖super · 大乘ttswh2009 · 太乙ScOrPiOzzy · 元婴mlb · 元婴woshimaxiaorui · 真仙bobcyd212 · 道祖itlaowang520 · 金仙QiangMicro · 元婴没有昵称 · 元婴*puff~ · 元婴jixiyu · 元婴ldn · 元婴00Jane · 合体Smile · 元婴shaoqiming1028 · 元婴gdchent · 元婴兴海 · 元婴子非鱼 · 真仙zwkjhx · 元婴Kelly · 元婴huxiaohui · 元婴a653398363 · 元婴qq540618173 · 元婴liunian1993 · 合体hyt9796 · 大乘LINHANXIN · 元婴lbb · 合体shmily1996 · 合体h23 · 太乙huangsiyuan2019 · 元婴linhaijian · 元婴Messi-Q · 元婴Godvmiku · 元婴samuelshang · 太乙QQ741404277 · 练虚dannyking630 · 真仙
最新动态
迅捷斥候tony · 大乘学习到了4:30
xforgchengz · 元婴学习到了4:30
穆博嘉 · 真仙学习到了4:30
yangxue1985 · 元婴学习到了4:30
owenyikong · 道祖学习到了4:30
统计信息
    学员: 14751
    视频数量: 852
    帖子数量: 421

© 汕尾市求知科技有限公司 | 粤ICP备19038915号 | 在线学员:84

Top