zoukankan      html  css  js  c++  java
  • 13 React 表单与事件

    HTML 表单元素与 React 中的其他 DOM 元素有所不同,因为表单元素生来就保留一些内部状态

    在 HTML 当中,像 <input>, <textarea>, 和 <select> 这类表单元素会维持自身状态,并根据用户输入进行更新。但在React中,可变的状态通常保存在组件的状态属性中,并且只能用 setState() 方法进行更新。

    class HelloMessage extends React.Component {
      constructor(props) {
          super(props);
          this.state = {value: 'Hello Runoob!'};
          this.handleChange = this.handleChange.bind(this);
      }
     
      handleChange(event) {
        this.setState({value: event.target.value});
      }
      render() {
        var value = this.state.value;
        return <div>
                <input type="text" value={value} onChange={this.handleChange} /> 
                <h4>{value}</h4>
               </div>;
      }
    }
    ReactDOM.render(
      <HelloMessage />,
      document.getElementById('example')
    );
  • 相关阅读:
    基本内置类型
    多维数组
    数组
    迭代器
    标准库类型 vector
    标准库类型 string
    运算符优先级表
    类型转换
    sizeof 和逗号运算符
    位运算符
  • 原文地址:https://www.cnblogs.com/liufei1983/p/14509903.html
Copyright © 2011-2022 走看看