реагировать состояние хука не обновляется

Question

Я работаю над проектом и пытаюсь вызвать хук внутри функции, но она не обновляется!

код, о котором идет речь, это

function ProductSingle(products){

    const [product,setProduct] = useState(products.location.state.products)
    console.log(product)
    const [antal, setAntal] = useState(0)

    const dispatch = useDispatch()


    const artikelg = useSelector(state => state.products)
    const colorGroup = Object.values(artikelg)
    .filter(color => color.Artikelgrupp === product.Artikelgrupp)

    const colors = colorGroup.map((color) =>{
        console.log(color)
        return (
            <>
                <Cor a1={color.färg} a2={color.färg} a3={color.färg} onClick={color => setProduct(color)} style={{cursor: 'pointer'}}/>
            </>
        )}
    )

, однако setProduct не обновляется для сопоставленного объекта. Есть идеи?

Answer 1

попробуйте использовать только onClick={() => setProduct(color)}

Вы не можете сделать это onClick={color => setProduct(color)}, потому что onClick принимает событие.