useState()

app js

import FeedbackItem from "./components/FeedbackItem";
<div className="container">
<FeedbackItem />
</div>

FeedbackItem.jsx

import {useState} from 'react';
function FeedbackItem() {
const [rating, setRating] = useState(7)
const [comment, setComment] = useState("good")
const handleClick = () => {
setRating(1)
setComment("bad")
}
return (
<div className="card">
<div className="num-display">{rating}</div>
<div className="text-display">{comment}</div>
<button onClick={handleClick}>Click</button>
</div>
)
}
export default FeedbackItem;

use previous value

const handleClick = () => {
setRating((prev) => {
return prev + 1;
})
}