andre/30-seconds-of-code
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Changed the name of the component to "Ticker"

Browse Source
This commit is contained in:
Arjun Mahishi
2018-12-31 11:05:12 +05:30
committed by GitHub
parent 18a92d1c24
commit fa4fd78291
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
snippets/Timer.md → snippets/Ticker.md
View File

@ -1,15 +1,15 @@
### Timer ### Ticker
Renders a timer component. Renders a ticker component.
- The timer state is initially set to zero - The ticker state is initially set to zero
- When the `Tick!` button is clicked, `timer` is incremented periodically at the given `interval` - When the `Tick!` button is clicked, `timer` is incremented periodically at the given `interval`
- When the `Reset` button is clicked, the value of the timer is set to zero and the `setInterval` is cleared - When the `Reset` button is clicked, the value of the timer is set to zero and the `setInterval` is cleared
- The `setInterval` is cleared once the desired `time` is reached - The `setInterval` is cleared once the desired `time` is reached
- `time` and `interval` are the required props - `time` and `interval` are the required props
```jsx ```jsx
class Timer extends Component { class Ticker extends Component {
constructor(props) { constructor(props) {
super(props); super(props);
this.state = {timer: 0} this.state = {timer: 0}
@ -45,5 +45,5 @@ class Timer extends Component {
``` ```
```jsx ```jsx
ReactDOM.render(<Timer time={5} interval={1000} />, document.getElementById('root')); ReactDOM.render(<Ticker time={5} interval={1000} />, document.getElementById('root'));
``` ```