React

import React from 'react';
import logo from './logo.svg';
import './App.css';
import { read } from 'fs';
import { DatePicker } from 'antd';
import 'antd/dist/antd.css';
import { Button } from 'antd';
class App extends React.Component {
  constructor() {
    super();
    this.state = {
      value1:0
    }
  }
Add = ()=>{
      console.log(this.refs.selectDom.value);
      this.setState({value1:this.refs.selectDom.value*1+this.state.value1})
}
Dec = ()=>{
  console.log(this.refs.selectDom.value);
  this.setState({value1:-this.refs.selectDom.value*1+this.state.value1})
}
Odd = ()=>{
  if(this.state.value1%2!=0){
    this.Add();
  }
}
Sync = ()=>{
  setTimeout(() => {
    this.Dec();
  }, 3000);
}
  render() {
    return (
      <div>
        <h3>Counter:{this.state.value1}</h3>
        <select ref="selectDom">
          <option value="1">1</option>
          <option value="2">2</option>
          <option value="3">3</option>
          <option value="4">4</option>
        </select>
        &nbsp;&nbsp;
        <button onClick={this.Add}>+</button>&nbsp;&nbsp;
        <button onClick={this.Dec}>-</button>&nbsp;&nbsp;
        <button onClick={this.Odd}>Increatement odd</button>&nbsp;&nbsp;
        <button onClick={this.Sync}>Sync</button>&nbsp;&nbsp;
      </div>
    );
  }
}

export default App;