component

  • #componet

    class Clock extends React.Component{
      constructor(props){
        super(props);
        this.state = {date: new Date()}
      }
      
      componentDidMount(){
        this.Timer = setInterval(() => this._tick(), 1000);
      }
      
      componentWillUnMount(){
        clearInterval(this.Timer);
      }
      
      _tick(){
        th
  • React 的核心组成之一就是能够维持内部状态的自治组件,不过当我们引入原生的HTML表单元素时(input,select,textarea 等),我们是否应该将所有的数据托管到 React 组件中还是将其仍然保留在 DOM 元素中呢?这个问题的答案就是受控组件与非受控组件的定义分割。受控组件(Controlled Component)代指那些数据交由 React 控制的组件。譬如下面这段代码中username变量值并没有存放到DOM元素中,而是存放在组件状态数据中。任何时候我们需要改变username变量值时,我们应当调用setState函数进行修改。

    class ControlledFor