通过onClick 事件来修改数据

来来来，再来一波表单相关。
我最近在捋基础，所以按照官网把这些都过了一遍。
得出一个结论就是：学习的时候一定要看一手资料。
简单来说就是文档一定要先看官方的，有书的一定要看书，有问题一定要问身边水平高的人。
千万别以为网上资料很多，需要学习时直接百度出来都可以。你要是真的只是这样学习，花在寻找信息和理解信息上的时间，才是你最昂贵的成本。并且因为现在发布信息的便捷程度，会有很多复制粘贴和断章取义的信息，你需要花费大量时间去理解，可能还会因为能力和学习程度问题无法理解而带来很大的挫败感。
同时视频学习并不能代替书本和文档。两者各有所长，本是互补的。万不可只依赖其中一种，完全不考虑另一种，那绝对是个大损失。
优秀的书和资料总是深入浅出，循序渐进。对于学习来说，有这些，是很大的财富。
话不多说，还是顺手放上菜鸟教程链接吧，需要的可以直接去看，这篇文章只是一个通过onClick 事件来修改数据的小例子，如果能解决你的问题也可以只看这个。
http://www.runoob.com/react/react-tutorial.html

import React, { Component } from 'react';

class From4 extends Component {
    constructor(props){
        super(props);
        // 设置初始值
        this.state={
            value:'我是初始值哦'
        }
        // 绑定this
        this.handleChange = this.handleChange.bind(this)
    }
    // 改变value值事件
    handleChange(event){
        this.setState({value:'我是改变后的哦'})
    }

   render(){
        // 将当前值赋值给 value
       var value = this.state.value;
       return(
           <div>
               {/* 绑定点击事件 */}
               <button onClick={this.handleChange}>快来点我啊</button>
               <h4>{value}</h4>
           </div>
       );
   }

}
export default From4 ;