UnhandledPromiseRejectionWarning：错误：无效的 integer：

Question

New to JSReact, trying to make an e-commerce store fully functional with Stripe.

I'm getting this error in function emulation

UnhandledPromiseRejectionWarning: Error: Invalid integer: $({getBasketTotal(basket) * 100})

and I think the problem is here at the create?total...:

Code down below

 useEffect(() =>{ const getClientSecret = async () => { const response = await axios({ method: 'post', url: 'payments/create?total=$({getBasketTotal(basket) * 100})' }); setClientSecret(response.data.clientSecret) } getClientSecret(); }, [basket])

Answer 1

i think the problem is in your template literal

url: 'payments/create?total=$({getBasketTotal(basket) * 100})' - print text as it is.

url: 'payments/create?total=${getBasketTotal(basket) * 100}' - prints the value

Answer 2

You need to use backticks instead of single quotes if you want to do string interpolation:

url: `payments/create?total=${getBasketTotal(basket) * 100}`