Значение Form Select не передается при отправке [react

У меня проблемы с установкой form select внутри компонента react:

когда я отправляю форму, все поля заполняются, но первое значение select (product) не передается, а второе (transaction_type) передается. Мой API возвращает, что значение не может быть null.

django.db.utils.IntegrityError: null value in column "product_id" of relation "product_transaction" violates not-null constraint
DETAIL:  Failing row contains (33, 2022-02-22 18:30:22.458768+00, OUT, 2, aaa, null, null).

Пожалуйста, подскажите, чего мне не хватает, чтобы получить это значение и передать его на submit?

Возможно, проблема с getProducts. Вы выполняли следующие действия:

Products.map(item => {
            return list.push(
                <option 
//...

Но Array.prototype.push возвращает длину массива. Попробуйте вместо этого следующее:

    const getProducts = () => {
        return Products.map(item => {
            return (
                <option 
                    key={item.id} 
                    value={item.id}
                >
                    {item.title}
                </option>
            )
        })
    }

Или еще лучше, просто поместите это в JSX:

                        <select 
                            value={product}
                            className="form-control"                            
                            onChange={(e) => {
                                const selection = e.target.value;
                                setTransactionProduct(selection)
                                }
                            }
                        >
                         {Products.map(item => (
                               <option 
                                   key={item.id} 
                                   value={item.id}
                               >
                                   {item.title}
                               </option>
                           )
                       )}
                        </select>
Вернуться на верх