具體的應(yīng)用的場景是，在輸入的時候?qū)?shù)據(jù)進行獲取數(shù)據(jù)，在保存的時候，將獲取的數(shù)據(jù)進行打?。?/p>

獲取輸入框中的數(shù)據(jù)

具體的代碼實現(xiàn)：

import React,{Fragment,PureComponent} from 'react';
import moment from 'moment';  //引入了moment的庫
import {Input} from 'antd';
class InputSave extends PureComponent{
  state ={value1:'',value2:''}

//在輸入框發(fā)生變化的時候修改狀態(tài)的值
  handleMaxRestoreUp = (event)=>{
    if(event && event.target && event.target.value){
      let value = event.target.value;
      this.setState(()=>({value1:value }))
    }
  }

//在輸入框發(fā)生變化的時候修改狀態(tài)的值
  handleMaxBackUp= (event)=>{
    if(event && event.target && event.target.value){
      let value = event.target.value;
      this.setState(()=>({value1:value }))
    }
  }

//點擊保存的時候打出輸入框中的值
  saveData=()=>{
    console.log(this.state.value1);
    console.log(this.state.value2);
  }
  render(){
    return(
      <div>
        <span>最大的備份速度</span>
        <Input defaultValue ='20' onChange ={event => this.handleMaxBackUp(event)}/>
        <span>MB 最大恢復速度</span>
        <Input onChange ={event => this.handleMaxRestoreUp(event)} />
        <span>MB</span>
        <div>
          <Button type ='primary' onClick{()=>{this.saveData()}}>保存</Button >
        </div>
      </div>)
  }
}