Как получить значение input вовремя события onSubmit?

Question

[Никита]

Подскажите, как получить значения инпута?
Здесь понятное дело происходит неправильное присвоение, т.к event ссылается на form, а не на инпут.
const payload = event.target.value
Полный код:

import React from 'react'
import Input from '../../UI/Input/Input';
import Button from '../../UI/Button/Button';
import classes from './Main.module.css'

export default class Main extends React.Component {

  submitHandler = (event) => {
    event.preventDefault()
    const {getValueInput} = this.props
    const payload = event.target.value
    getValueInput(payload)
  }

  render() {

    return (
      <div className={classes.main}>
        <div className={classes.main_inner}>
          <div className={classes.form_outer}>
            <form onSubmit={this.submitHandler}>
              <Input />
              <Button>Добавить</Button>
            </form>
          </div>
        </div>
      </div>
    )
  }
}

Answer 1

[camelCaseVlad]

Если я Вас правильно понял, то:

Добавить state,

state = {
        inputEntry: '',
    }

в submitHandler заменит const payload = event.target.value на const payload = this.state.inputEntry

и добавить новый хендлер на инпут

handleInputChange = (e) => {
        this.setState({inputEntry: e.target.value})
    };