Chế độ phản ứng nghiêm ngặt

React nghiêm ngặtMode là gì và làm thế nào để sử dụng nó

Bạn có thể dùngReact.StrictModethành phần tích hợp để kích hoạt một tập hợp các kiểm tra mà React thực hiện và cảnh báo cho bạn.

Một cách dễ dàng là gói toàn bộ thành phần Ứng dụng trong<React.StrictMode></React.StrictMode>trong tệp index.js:

import React from 'react'
import ReactDOM from 'react-dom'

ReactDOM.render( <React.StrictMode> <App /> </React.StrictMode> document.getElementById(‘root’)

Bạn cũng có thể sử dụng nó bằng cách gói một hoặc nhiều thành phần của ứng dụng:

import React from 'react'

class Hello extends React.Component { render() { return ( <div> <React.StrictMode></React.StrictMode> <div> ) } }

Một trong những trường hợp sử dụng chính của thành phần này là được sử dụng như một phương pháp hay nhất tự động, kiểm tra các vấn đề tiềm ẩn và không dùng nữa.

Nó không thể bắt được tất cả, nhưng bạn có rất nhiều kiểm tra hay ở đây có thể giúp bạn sửa chữa những quả treo thấp.

Được giới thiệu trong React 16.3 vào tháng 3 năm 2018, nó không có tác động trong quá trình sản xuất, vì vậy bạn luôn có thể để thành phần này trong cơ sở mã. Được sử dụng trong quá trình phát triển, nó sẽ in các cảnh báo hữu ích trong bảng điều khiển JavaScript của trình duyệt.

Tải xuống miễn phí của tôiSổ tay React


Các hướng dẫn về phản ứng khác: