首页 > 其他 > 详细

react创建组件值state

时间:2020-06-25 19:47:41      阅读:49      评论:0      收藏:0      [点我收藏+]
import React from "react"
import ReactDOM from "react-dom"
import ‘./index.css‘
import * as serviceWorker from ‘./serviceWorker‘

const user = {
    name: "liming",
    age: 23,
    gender: "男"
}

class Hello extends React.Component {
    //state是可以修改状态属性的
    constructor() {
        super()
        this.state = {
            "name": "xiaohong"
        }
    }

    render() {
        this.state.age = 26
        return <div>这里是{this.state.name},年龄{this.state.age}</div>
    }
}

ReactDOM.render(
    <div>
        <Hello {...user}></Hello>
    </div>
    ,
    document.getElementById("root"))
serviceWorker.unregister();

props和state的区别

  • props一般是从外界传过来的
  • state是组件私有的(通过ajax获取的数据)
  • props都是只读的,state是可读可写的。

react创建组件值state

原文:https://www.cnblogs.com/c-x-a/p/13192642.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!