Apakah maksud antd dan dva dalam tindak balas?

WBOY
Lepaskan: 2022-04-21 15:25:07
asal
2917 orang telah melayarinya

In react, antd ialah pustaka komponen UI React berdasarkan Reka Bentuk Ant, yang digunakan terutamanya untuk membangunkan produk pertengahan dan belakang peringkat perusahaan dva ialah penyelesaian aliran data berdasarkan redux dan "redux-; saga", dengan terbina dalam " "react-router" dan fetch boleh difahami sebagai rangka kerja aplikasi.

Apakah maksud antd dan dva dalam tindak balas?

Persekitaran pengendalian tutorial ini: Sistem Windows 10, bertindak balas versi 17.0.1, komputer Dell G3.

Apakah maksud antd dan dva dalam tindak balas

antd

antd ialah perpustakaan komponen UI React berdasarkan sistem reka bentuk Ant Design, yang digunakan terutamanya untuk penyelidikan dan pembangunan Produk pertengahan dan belakang peringkat perusahaan.

Ciri

  • Dipetik daripada bahasa interaktif dan gaya visual produk pertengahan dan belakang peringkat perusahaan.

  • Komponen React berkualiti tinggi di luar kotak.

  • Dibina menggunakan TypeScript, menyediakan fail definisi jenis lengkap.

  • Pembangunan pautan penuh dan sistem alat reka bentuk

Kaedah aplikasi

1 Perintah berikut)

   npm install antd --save
Salin selepas log masuk

2. Rujukan

untuk merujuk pemalam dalam fail global Contohnya:

import 'antd/dist/antd.css';
Salin selepas log masuk

3. Muatkan atas permintaan (muat apa sahaja pemalam yang diperlukan secara langsung) )

 import Button from 'antd/lib/button';
        import 'antd/lib/button/style';
Salin selepas log masuk

dva

dva ialah penyelesaian aliran data berdasarkan redux dan redux-saga memudahkan pengalaman pembangunan, dva juga mempunyai penghala tindak balas terbina dalam dan ambil, jadi ia juga boleh difahami sebagai rangka kerja aplikasi yang ringan.

dva ialah rangka kerja aplikasi satu halaman yang dilancarkan oleh Ant Financial, yang menyediakan enkapsulasi lapisan atas redux, react-router dan redux-saga. redux-saga ialah perisian tengah yang digunakan untuk mengurus operasi tak segerak bagi aplikasi redux-saga mengumpulkan semua logik operasi tak segerak di satu tempat dengan mencipta sagas dan boleh digunakan untuk menggantikan perisian tengah redux-thunk

Ini bermakna bahawa logik aplikasi akan wujud di dua tempat

(1) pengurang bertanggungjawab untuk memproses kemas kini peringkat tindakan

(2) sagas bertanggungjawab untuk menyelaraskan operasi kompleks atau tak segerak

Sagas dicipta melalui fungsi penjana

Sagas boleh dianggap sebagai proses yang berjalan di latar belakang. sagas mendengar tindakan yang dimulakan, dan kemudian memutuskan perkara yang perlu dilakukan berdasarkan tindakan ini (contohnya: sama ada untuk memulakan permintaan tak segerak, memulakan tindakan lain ke kedai atau menghubungi kisah lain, dsb.

Kerana fungsi penjana digunakan, redux -saga membolehkan anda menulis kod asynchronous dengan cara segerak

Projek React memperkenalkan Dva

Pasang dva pertama (versi semasa 2.4.1)

npm install dva —save
Salin selepas log masuk

Rujuk dokumentasi rasmi, projek transformasi berada dalam mod dva, tambah atau ubah suai fail masukan index.js di bawah src

import dva from ‘dva’;
import createHistory from ‘history/createHashHistory’;
 
//1.Initialize
const app = dva({
history: createHistory(),
});
 
//2.Plugins
//app.use({});
 
//3.Model
//app.model(require(‘./models/app’).default);
 
//4.Router
app.router(require(‘./router’).default);
 
//5.Start
app.start(‘#root’);
Salin selepas log masuk

Pembelajaran yang disyorkan: " tutorial video reaksi"

Atas ialah kandungan terperinci Apakah maksud antd dan dva dalam tindak balas?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan