Некорректно работает эвент?

Question

[thistlemr11]

class AddInfo extends Component{

    state={
        addText:false
    }

    render() {

        const {classes}=this.props
        const newStyles=injectSheet(styles)(AddInfo)
        const inState= this.state.addText?'true':'false'

        return (

            <div>
                <input  type="text" className={classes.positionForm} onChange={this.addEvent}/>
                {inState}
            </div>
        );
    }
    addEvent=()=>{
        this.setState({
            addText:!this.state.addText
        })
    }
}

Есть код выше. Внутри него есть форма,в которую вводится текст. Так же есть эвент onChange,который мне нужен для того,что бы запоминать то,что было введено. Однако я столкнулся с проблемкой:
Насколько я помню,эвент onChange для текстовых элементов срабатывает при потере фокуса. Однако в моём коде он срабатывает при каждом вводе цифры-буквы-символа в мой инпут. Не знаю вот,как исправить.

Answer 1

[0xD34F]

Всё работает так, как и должно. Хотите, чтобы обработчик вызывался при потере фокуса - onChange замените на onBlur.

Comments

[thistlemr11]

Спасибо,сработало.Забавно,но я перечитывал буквально час назад статью на лёрн джсе,и там и в примерах и в текстовом виде прямо говорилось о том,что onChange работает так,как я писал :
"Изменение значения любого элемента формы. Для текстовых элементов срабатывает при потере фокуса."
https://gyazo.com/f2238bc5c9cfdb912e2b90cb8c9a20cd

[0xD34F]

thistlemr11, реактовский onChange и нативный - это не одно и то же.