प्रतिक्रिया/एचटीएमएल के लिए इनपुट बॉक्स में इनपुट नहीं देख सकता

मैं एक पोर्टफोलियो बिल्डर के लिए एक प्रतिक्रिया ऐप पर काम कर रहा हूं और जब मैं इसे चलाता हूं तो मैं अपने इनपुट बॉक्स में कुछ भी टाइप नहीं कर सकता। क्या कोई कृपया इसे देख सकता है और मुझे बता सकता है कि ऐसा क्यों है? वास्तव में सराहनीय। धन्यवाद!! मैंने अपने ऑन चेंज को सही ढंग से कवर किया है, जो मैंने देखा है कि एक समस्या हो सकती है, लेकिन मुझे समझ में नहीं आता कि यह क्यों काम नहीं कर रहा है।

class Login extends Component {

  constructor() {
    super();
    this.state = {
      email: '',
      password: '',
    };
  }


handleSubmit = (event) => {
  event.preventDefault();
  //console.log("submit selected");
  const userData = {
      email: this.state.email,
      password: this.state.password
    };
    this.props.loginUser(userData, this.props.history);
  };



  handleChange = (event) => {
    this.setState({
      [event.target.name]: event.target.value
    });
  };

render() {
 return (
    <div className = "sign-in">
      <Topbar />
    <form onSubmit={this.handleSubmit}>
        <input
        type = "text"
        placeholder="Email"
        value={this.state.email}
        onChange = {this.handleChange}
        />

        <input
        type = "password"
        placeholder= "Password"
        value={this.state.password}
        onChange = {this.handleChange}
        />

        <button type = "submit"> Sign In </button>
      </form>

    </div>
  );
}
}