Cómo incrementar un conteo en el contexto de reacción por eso necesito cambiar el valor de conteo en función de algunos eventos que suceden en el archivo ContextCount.js
let count = 0; const createSale = async (url, formInputPrice, isReselling, id) => { // connect to smart contract const web3Modal = new Web3Modal(); const connection = await web3Modal.connect(); const provider = new ethers.providers.Web3Provider(connection); const signer = provider.getSigner(); // value of wei of zeo of to convert to it that what metamask read const price = ethers.utils.parseUnits(formInputPrice, 'ether'); // calling func() from contract takes time so use await const contract = fetchContract(signer); count += 1; const listingPrice = await contract.getListingPrice(); const transaction = !isReselling ? await contract.createToken(url, price, { value: listingPrice.toString() }) // else it belong to this : await contract.resellToken(id, price, { value: listingPrice.toString() }); await transaction.wait(); }; <NFTContext.Provider value={{ count }}> {children} </NFTContext.Provider>En la carpeta React Components, necesito pasar el valor actualizado de count cuando ocurra una función de creación de venta.
Así que lo uso en la carpeta de componentes, creé un countupdate.jsx Allí import React from 'react'; Importé el archivo de contexto y luego uso
const { count } = useContext(ContextCount); const updateIt = () => ( <div>{count}</div> );exportar actualización predeterminada;
Así que necesito mostrar el valor actualizado de ContextCount.js al archivo de componentes updateIt.jsx ¿Alguien sabe cómo implementar esto?
No se actualiza porque está usando mal el gancho. Aquí es donde puedes aprender todo lo que necesitas sobre los ganchos . El gancho de contexto debe usarse dentro de su componente, así:
const updateIt = () => { const { count } = useContext(ContextCount); return ( <div>{count}</div> ); };Y aquí está la respuesta sobre cómo actualizar los datos en contexto de su consumidor