Frontend
/
Writing to a contract

Writing to a smart contract

We make use of the useContractWrite hook from wagmi to read from a smart contract.

import { useContractWrite } from 'wagmi'

const Page = () => {
  const { data, error, loading, write } = useContractWrite(
    {
      addressOrName: 'your_contracts_address',
      abi: your_contracts_abi,
    },
    'the_contract_method_name'
  )
}

For example, if you want to set the greeting i.e. call setGreeting for a Greeter contract:

import { useContractWrite } from 'wagmi'

const Page = () => {
  const { data, error, loading, write } = useContractWrite(
    {
      addressOrName: 'greeter_address',
      abi: Greeter_ABI,
    },
    'setGreeting'
  )

  return (
    <>
      <button onClick={() => write('Hello, world!')}>Set greeting</button>
    </>
  )
}
Last updated on June 1, 2022