Nexca — это панель администратора, которую мы создали недавно, и в этой статье я объясню каждый крючок, чтобы лучше понять их и найти последние обновления, которые вы можете проверить здесь.

использоватьFetch

Хук useFetch используется для получения данных, таких как публикации, сервисы или разделы, по указанному URL-адресу. Этот хук принимает один параметр — URL-адрес, с которого можно получить данные.

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

использоватьGetSection

Хук useGetSection используется для извлечения данных из определенного раздела. Этот хук особенно полезен для клиентского раздела. Он принимает три параметра:

1. url: URL-адрес, с которого можно получить данные, обычно это конечная точка API для сообщений.
2. lengthItem: количество элементов, которые вы хотите отобразить в этом разделе.
3. secid: идентификатор раздела, для которого вы хотите получить данные.

Вы также можете извлечь состояние загрузки, чтобы отобразить скелет во время загрузки сообщений.

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

использоватьGetLatestPosts

Хук useGetLatestPosts используется для получения последних сообщений на сайте. Этот хук принимает один параметр:

• recentSize: количество последних элементов, которые вы хотите отобразить.

Хорошей практикой является установка количества элементов, которые вы хотите видеть, с помощью useState.

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

использоватьCheckLogin

Хук useCheckLogin используется исключительно администратором для проверки того, вошел ли пользователь в систему. Он не принимает никаких параметров и должен вызываться только на странице администратора или в макете.

использоватьSinglePost

Хук 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@@