Nexca는 최근에 구축한 관리자 패널이며, 이 기사에서는 각 후크를 더 잘 이해할 수 있도록 설명하고 최신 업데이트를 찾으려면 여기에서 확인하세요.

사용페치

useFetch 후크는 지정된 URL에서 게시물, 서비스 또는 섹션과 같은 데이터를 가져오는 데 사용됩니다. 이 후크는 데이터를 가져올 URL인 하나의 매개변수를 사용합니다.

const data = useFetch('/api/posts/');

useGetSection

useGetSection 후크는 특정 섹션에서 데이터를 가져오는 데 사용됩니다. 이 후크는 클라이언트 섹션에 특히 유용합니다. 세 가지 매개변수가 필요합니다:

1. url: 데이터를 가져올 URL로, 일반적으로 게시물의 API 엔드포인트입니다.
2. lengthItem: 해당 섹션에 표시하려는 항목 수입니다.
3. secid: 데이터를 가져오려는 섹션의 ID입니다.

포스트가 로드되는 동안 뼈대를 표시하기 위해 로드 상태를 추출할 수도 있습니다.

const { data, loading } = useGetSection('/api/posts/', 8, 2);

useGetLatest게시물

useGetLatestPosts 후크는 사이트의 최신 게시물을 가져오는 데 사용됩니다. 이 후크는 하나의 매개변수를 사용합니다:

• recentSize: 표시하려는 최근 항목 수입니다.

useState를 사용하여 보고 싶은 항목 수를 설정하는 것이 좋습니다.

const [recentSize] = useState(5);
const { posts } = useGetLatestPosts(recentSize);

사용체크로그인

useCheckLogin 후크는 사용자가 로그인했는지 확인하기 위해 관리자에게만 사용됩니다. 매개변수를 사용하지 않으며 관리자 페이지나 레이아웃에서만 호출해야 합니다.

싱글포스트 사용

useSinglePost 후크는 ID 매개변수를 기반으로 단일 게시물을 가져오는 데 사용됩니다. 일치하는 게시물을 찾아 사용자에게 표시합니다. 이 후크는 /Posts/[id] 페이지에서만 사용됩니다.

const post = useSinglePost();
// To read data from the post
{post.title}

ReadText 사용

useReadText 후크는 브라우저의 음성 합성 기능을 사용하여 특정 텍스트를 읽는 데 사용됩니다. 읽기 프로세스를 시작하고 중지하는 기능을 제공합니다. 이 후크는 하나의 매개변수를 사용합니다:

• 텍스트: 소리내어 읽어줄 텍스트입니다.

후크는 현재 텍스트를 읽고 있는지 여부를 나타내기 위해 isSpeaking 상태를 유지합니다. 세 가지 값을 반환합니다:

1. isSpeaking: 텍스트를 읽고 있는지 여부를 나타내는 부울입니다.
2. handleReadText: 텍스트 읽기를 시작하는 함수입니다.
3. handleStopReading: 텍스트 읽기를 중지하는 함수입니다.

import { useReadText } from './useReadText';

const ExampleComponent = () => {
  const { isSpeaking, handleReadText, handleStopReading } = useReadText('Hello, this is a sample text.');

  return (
    

      Read Text
      Stop Reading
    
  );
};

라이브 데모

사용자 이름: admin
비밀번호: a123b456@@