I wrote a very simple reactJs Code. I set fontSize as my state. I want to change my fontSize while I change the input value. But it does not work. Could anyone help? Thanks in advance.

Here is my js code:

import React from 'react';

import ReactDOM from 'react-dom';

import './index.css';



    class Test extends React.Component{

       constructor(props){

          super(props)

          this.state={

              fontSize:64

          }

       }

       changeSize(event){

        this.setState({

            fontSize:event.target.value

        });

      }



      render(){

          let styleobj = {background:blue,fontSize:64}

          return(

              <section style={styleobj}>

              <h2 className=tryout style={{fontSize:this.state.fontSize}}>{this.state.fontSize}</h2>

              <input value={this.state.fontSize} onChange={this.changeSize.bind(this)}/>

              </section>

          );



      }

    }





    ReactDOM.render(<Test name=Sumei value=123/>,document.getElementById(root));