How can we enter a value in the ReactJS form using a Chrome dev tools console?

We have a form under ReactJS. For example, https://c9.io/login (У нас есть форма на ReactJS. К примеру, https://c9.io/login)

We need to enter a value to the form and submit it. (Нам надо ввести значение в форму и отправить её.)

F12 (Chrome developers' tools)

> document.getElementById('id-username').value = 123
< 123
> document.getElementById('id-username').setAttribute('value', 123)
< undefined
> document.getElementById('id-username').defaultValue = 123
< 123

As result we have (В результате мы имеем)

<input class="" id="id-username" name="username" placeholder="Username or email" type="text" value="123" data-reactid=".10gfe798r28.2.1.1.0.1.0.0.0.0.1">

and the value in the "under DOM" form. (и значение в виртуальном DOM формы)

But if we click the "Sign in" (Но если мы нажмем "Sign in")

> document.querySelector('[label="Sign in"]').click()

button, we will see the validation error "No username provided". So, our methods don't work. How can we enter a value? (мы увидим ошибку валидации "Не указано имя пользователя". Что же, наш метод не работает. Как ввести значение?)