@aave/react

Aave Protocol v4的官方反应钩.

@aave/react 为在 Aave 协议 v4 上方构建分散化的应用提供了反应钩的集合.

安装 SDK

首先,使用您选择的软件包管理器安装 AaveKit React 软件包 .

pnpm add @aave/react@v4

// OR

yarn add @aave/react@v4

// OR

npm install @aave/react@v4

设置客户端

下一个,创建一个 AaveClient 实例,用于与协议交互.

// client.ts
import { AaveClient } from "@aave/react";

export const client = AaveClient.create();

设置提供者

终于把你的应用包起来 <AaveProvider> 组件并通过客户实例.

// App.tsx
import { AaveProvider } from "@aave/react";

import { client } from "./client";

export function App() {
  return (
    <AaveProvider client={client}>
      {/* Your application components */}
    </AaveProvider>
  );
}

使用量

就是这样,你可以开始使用AaveKit反应钩.

import { useChains } from '@aave/react';
import { ChainsFilter } from '@aave/react';

function ChainsList() {
  const { data, error, loading } = useChains({
    query: { filter: ChainsFilter.ALL },
  });

  if (loading) return <div>Loading…</div>;

  if (error) return <div>Error: {error.message}</div>;

  return (
    <div>
      {data?.map((chain) => (
        <div key={chain.chainId}>{chain.name}</div>
      ))}
    </div>
  );
}