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.
Persekitaran pengendalian tutorial ini: Sistem Windows 10, bertindak balas versi 17.0.1, komputer Dell G3.
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
2. Rujukan
untuk merujuk pemalam dalam fail global Contohnya:
import 'antd/dist/antd.css';
3. Muatkan atas permintaan (muat apa sahaja pemalam yang diperlukan secara langsung) )
import Button from 'antd/lib/button'; import 'antd/lib/button/style';
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
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’);
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!