import React from 'react'
import { Link } from 'react-router-dom';


function Home() {
    state = {
        value: ""
    }
    return (
        <div className="Box">
            <div className="Name">
                이름을 입력하세요
            <input onChange={(event) => {
                console.log(event.target.value)
                this.setState({
                    value : event.target.value
                })
                }}/>
            </div>
            {( this.state.value === null)
                ? alert('이름을 입력하세요')    
                : <Link to="/quiz">
                <button className="QuizStart">QUiz Start !</button>
            </Link>
            }
        </div>
/* <Link to="/quiz">
                <button className="QuizStart">Quiz Start !</button>
        </Link> 
                }*/
    )
}

export default Home;