Untitled

import React from "react";

interface EmpShowProps {
    
}
 
interface EmpShowState {
    emp : {No : number, Name : string}
}
 
class EmpShow extends React.Component<EmpShowProps, EmpShowState> {
    state: EmpShowState = { emp : {No : 0, Name : ""}  }

    OnTextBoxChanged = (args)=>{
        debugger;
        var copy = {...this.state.emp};
        copy[args.target.name] = args.target.value;
        this.setState({emp : copy})
    }
    render() { 
        return (<>
                    {/* <h1>No: {this.state.emp.No} </h1>
                    <h1>Name: {this.state.emp.Name} </h1>
                     */}

                     No : <input type="text" value={this.state.emp.No}
                                 onChange={this.OnTextBoxChanged}
                                 name="No"/>
                     <br></br>
                     Name : <input type="text" value={this.state.emp.Name}
                                onChange={this.OnTextBoxChanged}
                                name="Name"/>   
                    <hr></hr>
                    <button onClick={()=>{
                        console.log(this.state.emp)
                    }}>Click Me</button>
                </>);
    }
}
 
export default EmpShow;