@POLONSKY97

React, Ant-Design. Как устранить проблему отправки данных через форму?

Кто пользовался Ant design в React, подскажите в чем может быть причина? Когда отправляю данные POST в форме через и (Ant design) то status code - 400 и в форме в заголовках "undefined" будто данные не оправлены, но если через обычный HTML и то все проходит status - 201. Вот кусок кода
<Form
                  labelCol={{ span: 4, }}
                  wrapperCol={{ span: 12, }}
                  layout="horizontal"
                  onFinish={this.handleFinish}
                >

                  <Form.Item
                    name='category'
                    label="Категория"
                    rules={[
                      {
                        required: true,
                        message: 'Пожалуйста выберите категорию',
                      },
                    ]}
                    onChange={this.handleCategoryChange}
                  >
                    <Select
                      onChange={this.handleChange}
                      type='number'
                      allowClear
                      placeholder='Выберите категорию'
                    >
                      {categories.map(function (category) {
                        return (
                          <Select.Option
                            value={category.id}
                            key={category.id}
                          >{category.name}
                          </Select.Option >
                        )
                      })}
                    </Select>
                  </Form.Item>
               </Form>

608c018e5b48a606082341.jpeg
Вот обычный select через html
<Form
                  labelCol={{ span: 4, }}
                  wrapperCol={{ span: 12, }}
                  layout="horizontal"
                  onFinish={this.handleFinish}
                >

                  <Form.Item
                    name='category'
                    label="Категория"
                    rules={[
                      {
                        required: true,
                        message: 'Пожалуйста выберите категорию',
                      },
                    ]}
                    onChange={this.handleCategoryChange}
                  >
                    <select
                      onChange={this.handleChange}
                      type='number'
                      allowClear
                      placeholder='Выберите категорию'
                    >
                      {categories.map(function (category) {
                        return (
                          <option
                            value={category.id}
                            key={category.id}
                          >{category.name}
                          </option>
                        )
                      })}
                    </select>
                  </Form.Item>
</Form>

608c0214ee7d4632587445.jpeg
  • Вопрос задан
  • 35 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы