zoukankan      html  css  js  c++  java
  • state-表单

    /*
    *
    * 需求: 定义一个组件,可以将用户在输入框内输入的内容 进行实时显示
    *
    * 分析:组件与用户交互过程中,存在状态的变化,即输入框的值
    *
    * */
    var Input = React.createClass({
    getInitialState:function () {
    return{
    value:"请输入"
    }
    },
    handleChange:function () {
    //通过event.target.value读取用户输入的值
    this.setState({
    value:event.target.value
    });

    },
    render:function () {
    var value = this.state.value;
    return(
    <div>
    <input type="text" value={value} onChange={this.handleChange}/>
    <p>{value}</p>
    </div>
    )
    }

    });
    ReactDOM.render(
    <Input/>,
    document.getElementById("container")
    )
  • 相关阅读:
    HDU 3537
    POJ 1175
    POJ 1021 人品题
    POJ 2068
    POJ 2608
    POJ 2960
    poj 1635
    ustc 1117
    ural 1468
    数字游戏
  • 原文地址:https://www.cnblogs.com/daxueshan/p/7923435.html
Copyright © 2011-2022 走看看