@cfxdevkit/react / ContractReader

Function: ContractReader()

ContractReader<T>(__namedParameters): Element

Defined in: components/contract/ContractReader.tsx:67

ContractReader Component

Headless contract read component. Use render prop for custom UI.

Type Parameters

T

T = unknown

Parameters

__namedParameters

ContractReaderProps<T>

Returns

Element

Example


<ContractReader
  address="0x..."
  abi={ERC20_ABI}
  functionName="balanceOf"
  chain="evm"
>
  {({ read, result, isLoading }) => (
    <div>
      <button onClick={() => read(['0x...'])}>Get Balance</button>
      {isLoading && <p>Loading...</p>}
      {result && <p>Balance: {result}</p>}
    </div>
  )}
</ContractReader>