State in React code is not working

#1

Getting error when I add useState function in productItem.js file.

Screenshot (115)
Screenshot (115)1366×768 86.6 KB

Code in ProductItem.js
import ‘./ProductItem.css’;
import React, { useState } from ‘react’

function ProductItem(props) {

const [changeText, setText] = useState(props.type)

function clickHandler(){
    setText('Added to Cart')
}
return(
{props.name}

{changeText}

{props.price}
Add to Cart
);

}
export default ProductItem;

#2

@Shizuka You code should look like this:

image
image1006×555 94 KB

The elements you are returning in the function are invalid and can not be rendered on the web page.

#3

Thank you. It’s working now.