Bina semula Cangkuk di Nexca

Nexca ialah panel pentadbir yang kami bina baru-baru ini dan artikel ini saya akan menerangkan setiap cangkuk untuk memahaminya dengan lebih baik untuk mendapatkan kemas kini terkini yang anda semak di sini.

useFetch

Kait useFetch digunakan untuk mengambil data seperti siaran, perkhidmatan atau bahagian daripada URL yang ditentukan. Cangkuk ini mengambil satu parameter, iaitu URL untuk mengambil data.

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

useGetSection

Kait useGetSection digunakan untuk mengambil data daripada bahagian tertentu. Cangkuk ini amat berguna untuk bahagian pelanggan. Ia memerlukan tiga parameter:

1. url: URL untuk mengambil data, biasanya titik akhir API untuk siaran.
2. lengthItem: Bilangan item yang anda mahu paparkan dalam bahagian itu.
3. secid: ID bahagian yang anda ingin ambil data.

Anda juga boleh mengekstrak keadaan pemuatan untuk memaparkan rangka semasa siaran sedang dimuatkan.

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

gunakanGetLatestPosts

Kait useGetLatestPosts digunakan untuk mengambil siaran terkini di tapak. Cangkuk ini mengambil satu parameter:

• RecentSize: Bilangan item terbaru yang anda mahu paparkan.

Adalah amalan yang baik untuk menetapkan bilangan item yang anda mahu lihat menggunakan useState.

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

gunakanCheckLogin

Cakuk useCheckLogin digunakan secara eksklusif untuk pentadbir menyemak sama ada pengguna telah log masuk. Ia tidak mengambil sebarang parameter dan hanya perlu dipanggil dalam halaman pentadbir atau reka letak.

gunakanSinglePost

Kait useSinglePost digunakan untuk mengambil satu siaran berdasarkan parameter ID. Ia mencari siaran yang sepadan dan memaparkannya kepada pengguna. Cangkuk ini hanya digunakan pada halaman /Posts/[id].

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

gunakanReadText

Kait useReadText digunakan untuk membaca teks yang diberikan menggunakan keupayaan sintesis pertuturan penyemak imbas. Ia menyediakan fungsi untuk memulakan dan menghentikan proses membaca. Cangkuk ini mengambil satu parameter:

• teks: Teks untuk dibaca dengan kuat.

Kail mengekalkan keadaan isSpeaking untuk menunjukkan sama ada teks sedang dibaca. Ia mengembalikan tiga nilai:

1. isSpeaking: Boolean yang menunjukkan jika teks sedang dibaca.
2. mengendalikanReadText: Fungsi untuk mula membaca teks.
3. handleStopReading: Fungsi untuk berhenti membaca teks.

import { useReadText } from './useReadText';

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

  return (
    <div>
      <button onClick={handleReadText} disabled={isSpeaking}>Read Text</button>
      <button onClick={handleStopReading} disabled={!isSpeaking}>Stop Reading</button>
    </div>
  );
};

Demo Langsung

Nama pengguna: admin
Kata laluan: a123b456@@

Atas ialah kandungan terperinci Bina semula Cangkuk di Nexca. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!