useSelect - Populate Input Based on Dropdown Selection

Hi!

I have the dropdown --

const { selectProps: selectProductProps } = useSelect({
        resource: "products",
        optionLabel: "ProductCode",
        optionValue: "ProductID",
    })

const { selectProps: selectProductProps } = useSelect({
        resource: "products",
        optionLabel: "ProductCode",
        optionValue: "ProductID",
    })

const { selectProps: selectProductProps } = useSelect({
        resource: "products",
        optionLabel: "ProductCode",
        optionValue: "ProductID",
    })

const { selectProps: selectProductProps } = useSelect({
        resource: "products",
        optionLabel: "ProductCode",
        optionValue: "ProductID",
    })

the resource

products

products

products

products also returns an associated

UnitPrice

UnitPrice

UnitPrice

UnitPrice value.

I also have an <Input/> for

UnitPrice

UnitPrice

UnitPrice

UnitPrice.

How could I make it so that, when the user selects a product, the <Input/> is repopulated to the new

UnitPrice

UnitPrice

UnitPrice

UnitPrice of the product?

useSelect - Populate Input Based on Dropdown Selection

Similar Threads

Similar Threads

Similar Threads