Блог

Я использую ‘react-hook-form’, и мне нужно использовать флажок для отправки запроса post

формат запроса будет таким

{«проект»:[‘A’,’B’, ‘C’, ‘D’]}

но то, что я получил, это {«project»: [‘on’, ‘вкл’,’on’,’on’]} или {«project»:true}

есть ли какой-либо способ получить имя флажка, щелкнув по нему?

 <Form.Group controlId="product">
            <Form.Label>Product</Form.Label>
            {productArray.map((product) => (
              <div key={product} className="mb-3">
                <Form.Check
                  ref={register({
                    required: "Required",
                  })}
                  custom
                  name='products'
                  type='checkbox'
                  id={product}
                  label={product}
                  onChange={handleChange}
                />
              </div>
            ))}
          </Form.Group>
  

Попробуйте это, добавьте значение для вашего компонента checkbox.

                <Form.Check
                  ref={register({
                    required: "Required",
                  })}
                  custom
                  name='products'
                  type='checkbox'
                  id={product}
                  label={product}
                  value={product}
                  onChange={handleChange}
                />