React改变组件中的值及传入自定义值

import React from "react";

class New extends React.Component{

//获取组件值的三种方式
constructor(props){
    super(props);
    this.state={
        username:"kaka1994",
        age:18
    }
}

setData=()=>{

    //改变state的值

    this.setState({

        username:"kaka1994, 这是改变后的值"
    })
}

setValue=(str)=>{

    //改变state的值

    this.setState({

        username:str
    })
}

render(){
    return(
        <div>
        这是New组件{this.state.username}       
        <br />
        <br />
         {/* 改变值 */}       
        <button onClick={this.setData}>改变state里面的值</button>
        <br />
        <br />
        {/* 方法传值 */}       
        <button onClick={this.setValue.bind(this,"zhangsan")}>传入自定义的值</button>
        </div>
    )
}
}
export default New;

改变前：

改变后：

传入新值后：