Rumah  >  Artikel  >  hujung hadapan web  >  Bagaimana untuk melaksanakan kemas kini panas dalam tindak balas

Bagaimana untuk melaksanakan kemas kini panas dalam tindak balas

藏色散人
藏色散人asal
2022-12-20 11:15:022890semak imbas

Cara melaksanakan kemas kini panas dalam tindak balas: 1. Gunakan arahan "yarn add react-hot-loader -D" untuk memuat turun "react-hot-loader" 2. Tambah "react-hot-loader/; babel" untuk memasukkan fail ".babelrc"; 3. Ubah suai kod dalam App.js kepada "import { panas } daripada 'react-hot-loader/root';".

Bagaimana untuk melaksanakan kemas kini panas dalam tindak balas

Persekitaran pengendalian tutorial ini: sistem Windows 10, versi react18, komputer Dell G3.

Bagaimana untuk melaksanakan kemas kini hangat dalam tindak balas?

[React] create-react-app melaksanakan kemas kini hangat

1 Gunakan baris arahan berikut untuk memuat turun react-hot-loader

yarn add react-hot-loader -D

atau.

npm install react-hot-loader

2. Tambahkan react-hot-loader/babel ke dalam fail .babelrc

// .babelrc
{
  "plugins": ["react-hot-loader/babel"]
}

3 Ubah suai kod berikut dalam App.js

// App.js
import { hot } from 'react-hot-loader/root';
const App = () => <div>Hello World!</div>;
export default hot(App);

Pembelajaran yang disyorkan: "tutorial video bertindak balas"

Atas ialah kandungan terperinci Bagaimana untuk melaksanakan kemas kini panas dalam tindak balas. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
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