One character input in onChange???

Question

React

Good afternoon, tell me why the input goes one character at a time?
input:

<input type="text" name="loginUser" value={props.loginUser} onChange = {props.LoginUserName} placeholder="Логин"/>

FunctionLoginUserName:

LoginUserName = e => {
      this.setState({  
        loginUser: e.target.value  
      }); 
    }

State:

this.state = {
   loginUser: ""
}

At each letter of input, gets off. When entering data, each time you need to click on input and continue writing...

Answer 1

It was probably necessary to show the entire component)
Why do you take value from props, and not from state? Or is it not just one component?