Как посылать формуляр в мой REST APi в React?

Добрый вечер, у меня есть этот формуляр в моем render

  <form className="form-horizontal" role="form">

                   <p><input type="text" className="form-control" 
                    id="name" placeholder="Name" required/></p>
                    <input type="submit" value="send" />

    </form>

И в моем api у меня есть url из-за post, что был бы localhost:3000/api/categories/create/:nombre в имени пошло бы имя, введенное в компьютер в формуляре. Каков лучший способ это делать в React?

0
задан 13.01.2017, 20:42
0 ответов

Я вижу, что у тебя есть сомнения относительно "хороших практик" в React. Все они могут проясняться если:

Предпочтения брать большее внимание к статьям о личностях, которые манипулируют хорошо темой.


Делать submit в React равно как в VanillaJS, нет большей тайны. Хотя в React события не являются родными, на уровне функциональности нет больших различий.

<form onSubmit={this.onSubmit.bind(this)}>
  <input type="text" value={this.state.name} onChange={this.onInputChange.bind(this)} />
  <button type="submit">Enviar nombre</button>
</form>

...
onInputChange (e) {
  this.setState({ name: e.target.value });
}

onSubmit (e) {
  fetch (`localhost:3000/api/categories/create/${this.state.name}`, {
    method: 'POST'
  })
  .then(res => res.json())
  .then(res => {
    if (res.success) { // exito
      alert('Categoría creada');
    }
  });
}

Когда мы обрабатываем информацию с формулярами, в общем мы склоняемся к тому, чтобы говорить о проконтролированных и не проконтролированных компонентах. Не проконтролированный компонент ни элемент, автоконтролируемый, не завися ни синхронизироваться с контекстом. Ты можешь думать об одном <input type="text" value="Hola"/> как не проконтролированный компонент.

С другой стороны, проконтролированный компонент тот, что контролируется контекстом, пребывая всегда синхронизировавшим с этим, например: <input type="text" value={this.state.name} onChange={this.onInputChange.bind(this)} />. В этом ссылка ты можешь видеть post, который говорит о ésto.

Делать проконтролированный компонент имеет много преимуществ в сравнении не проконтролированного; ergo, он не "должен будь быть", если бы не один "мог быть". Какие-то преимущества для формуляров:

  • моментальное утверждение
  • я изменяю состояние автоматически (например, в случае кнопки)
  • вынуждать формат ввода (и даже менять это на реальное время)
5
ответ дан 03.12.2019, 17:41
  • 1
    Совершенный, я функционирую и большое спасибо из-за того, что время берет встречания info, чтобы изучать, :) –  13.01.2017, 21:45
  • 2
    Вкус, Сантьяго. –  13.01.2017, 22:13