readStreamableValue — 스트리밍 값 읽기

readStreamableValue — 스트리밍 값 읽기

readStreamableValue는 서버 쪽에서 createStreamableValue로 만든 스트리밍 값을 클라이언트에서 읽을 수 있게 도와주는 함수예요.

주의: AI SDK RSC는 현재 실험적(experimental)이에요. 프로덕션에서는 AI SDK UI를 사용하는 걸 권장해요. RSC에서 UI로 마이그레이션하는 방법은 마이그레이션 가이드를 참고하세요.

출처: 문서

본문

서버에서 createStreamableValue로 만든 스트리밍 값을 클라이언트에서 읽게 도와주는 함수예요.

Import

import { readStreamableValue } from "@ai-sdk/rsc"

예시

async function generate() {
  'use server';
  const streamable = createStreamableValue('');

  streamable.append('Hello');
  streamable.append(' ');
  streamable.append('World');
  streamable.done();

  return streamable.value;
}

import { readStreamableValue } from '@ai-sdk/rsc';

export default function Page() {
  const [generation, setGeneration] = useState('');

  return (
    <div>
      <button
        onClick={async () => {
          const stream = await generate();

          for await (const value of readStreamableValue(stream)) {
            setGeneration(value);
          }
        }}
      >
        Generate
      </button>
    </div>
  );
}

API 시그니처

파라미터

  • stream: StreamableValue — 읽을 스트리밍 값.

반환값

스트리밍 값이 내보내는 값들을 담은 비동기 이터레이터(async iterator)를 반환해요.

더 알아보기 (Learn more)