- it
- 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
>
 
; 
;
<button onClick
={this.Add
}>+</button
> 
; 
;
<button onClick
={this.Dec
}>-</button
> 
; 
;
<button onClick
={this.Odd
}>Increatement odd
</button
> 
; 
;
<button onClick
={this.Sync
}>Sync
</button
> 
; 
;
</div
>
);
}
}
export default App
;
