Как передать несколько реквизитов в функцию слайдер?

Question

У меня есть ситуация здесь .... Я настроил два ползунка в методе рендеринга ... Я хочу получить доступ к этому состоянию и отобразить его в textField, чтобы пользователь мог редактировать его так же, как я хочу выполнить некоторые вычисления, используя эти состояния ...

это класс, который я использовал ..

     class Content extends Component{

        constructor(props) {
            super(props);
            this.state = { 
               amount:'',
               percent:'',

            };
          }


    ChangeHandler = ()= {
    this.setState = {//set state to amount and percent}

   console.log(this.state)
      //Do Some Calculations here using values from both slider

    }
      render(){



            return(

                  <div >

                       <Slider 
                        onChange={this.ChangeHandler}   
                        />

                     <div className="col-md-">
                        <Input
                          defaultValue = {this.state.percent}
                         />
                     </div>
                          <Slider
                           max = {10000000}
                           step = {10000}
                           value = {this.state.value}
                           onChange={this.ChangeHandler}                                                                                          
                            />
                       </div>
                       <div className="col-md-">
                          <Input
                             defaultValue = {this.state.amount}
                          />
                        </div>

                 </div >   
            )
         }
      }