1
0
Fork 0
mirror of https://github.com/terribleplan/next.js.git synced 2024-01-19 02:48:18 +00:00
next.js/examples/with-custom-babel-config/pages/index.js
Tim Neutkens 2a1f8ad387 Fix linting errors in standard 9.0 (#1333)
* Fix linting errors in standard 9.0

* Update lockfile
2017-03-02 16:17:41 -08:00

50 lines
1.1 KiB
JavaScript

import React from 'react'
export default class MyLuckNo extends React.Component {
constructor (...args) {
super(...args)
this.state = { randomNo: null }
}
componentDidMount () {
this.recalculate()
}
recalculate () {
this.setState({
randomNo: Math.ceil(Math.random() * 100)
})
}
render () {
const { randomNo } = this.state
if (randomNo === null) {
return (<p>Please wait..</p>)
}
// This is an experimental JavaScript feature where we can get with
// using babel-preset-stage-0
const message = do {
if (randomNo < 30) {
// eslint-disable-next-line no-unused-expressions
'Do not give up. Try again.'
} else if (randomNo < 60) {
// eslint-disable-next-line no-unused-expressions
'You are a lucky guy'
} else {
// eslint-disable-next-line no-unused-expressions
'You are soooo lucky!'
}
}
return (
<div>
<h3>Your Lucky number is: "{randomNo}"</h3>
<p>{message}</p>
<button onClick={() => this.recalculate()}>Try Again</button>
</div>
)
}
}