почему ввод формы не определен? - PullRequest
Новая
       7

почему ввод формы не определен?

1 голос
/ 04 апреля 2020

Я новичок в JS и, возможно, задаю глупый вопрос. Но мне нужна твоя помощь, чтобы понять. У меня есть форма. 

const Form = () => {
  const[form, setForm] = useState({
      
      username: ''

  })

  const handleChange = (event) => {
    setForm({
        ...form,
        [event.target.name]: event.target.value
   
    })
  }

  const handleSubmit= (event) => {
    console.log(form.username)
    event.preventDefault()
  }
    return (
      <form onSubmit={handleSubmit}>
        <div>
          <div>Username</div>
          <input
            name='username'
            type='text'
            placeholder='name'
            value={form.username} 
            onChange={handleChange}
          />
          <button type='submit'>Ok</button>
        </div>
      </form>
    );
  }


export default Form

Почему значение console.log не определено? Когда я меняю handleChange, как 

const handleChange = (event) => {
        setForm({
          username: event.target.value
       
        })
      }

все в порядке.

1 Ответ

0 голосов
/ 04 апреля 2020

Ваш код выглядит хорошо и работает хорошо. Нужно создать коды и поле , чтобы быть абсолютно уверенным. Посмотри сам:)

...