Login.jsx

import React from 'react'
import ReactDom from 'react-dom'
import classNames from 'classnames'
import Qreader from '../components/login/Qreader'
class Login extends React.Component {
  constructor () {
    super()
    this.state = {
      logged: false
    }
  }
  render () {
    const componentClass = classNames(
      'login',
      'modal-container',
      {'active' : this.props.visible}
    )
    return (
      <div className={componentClass}>
        <div className='modal'>
          <h3 className='login-title modal-title'>Login</h3>
          <div className='login-content modal-content'>
            <Qreader />
          </div>
          <button className='modal-button' onClick={this.sendLogin.bind(this)}>Prosegui senza login</button>
        </div>
      </div>
    )
  }
  /* Funzione che invia alla classe genitore il risultato del login avvenuto */
  sendLogin () {
    this.props.sendLogin(this.state.logged)
  }
}
export default Login