我正在尝试使用 react useState 挂钩来实现产品数量的增加和减少

Question

const { price, available, name, menimum } = service;
const [updatedQuantity, setUpdatedQuantity] = useState(menimum)

I am trying to implement useState default value is dynamically. Minimum works properly console.log when I am set useState minimum value is return NaN

const { price, available, name, menimum } = service;
const [updatedQuantity, setUpdatedQuantity] = useState(menimum)

const handleDecrease = () => {
    setUpdatedQuantity(pre => pre - 1)
}
const handleIncrease = () => {
     setUpdatedQuantity(pre => pre + 1)
}

Answer 1

Here is what your code does:

1. Set values to four const variables from the "service" variable.
2. Set the initial state of "setUpdatedQuantity" to "menimum" - which was assigned from the "service" variable.
3. You declare increment functions.

Check the initial values of "service" if it comes with "menimum" value NaN or not. Would be good if you can put more code for better analysis.