React Developer Tools โดย React

React Developer Tools is a tool that allows you to inspect a React tree, including the component hierarchy, props, state, and more. To get started, just open the Firefox devtools and switch to the "⚛️ Components" or "⚛️ Profiler" tab.

คุณต้องมี Firefox เพื่อใช้ส่วนขยายนี้

ดาวน์โหลด Firefox และรับส่วนขยาย

ดาวน์โหลดไฟล์

193,600
ผู้ใช้

343
บทวิจารณ์

ได้รับการจัดอันดับ 4.6 จาก 5
4.6 ดาว

278

เกี่ยวกับส่วนขยายนี้

This extension requires permissions to access the page's React tree, but it does not transmit any data remotely. It is fully open source, and you can find its source code at https://github.com/facebook/react/tree/master/packages/react-devtools-extensions.

ให้คะแนนประสบการณ์ของคุณ

Report this add-on

สิทธิอนุญาตเรียนรู้เพิ่มเติม

ส่วนเสริมนี้ต้องการ:

ป้อนข้อมูลไปยังคลิปบอร์ด
ขยายเครื่องมือนักพัฒนาเพื่อเข้าถึงข้อมูลของคุณในแท็บที่เปิดอยู่
เข้าถึงข้อมูลของคุณสำหรับเว็บไซต์ทั้งหมด

บันทึกประจำรุ่นสำหรับ 5.1.0

* Look for a ReactMemoCacheSentinel on state ([gsathya](https://github.com/gsathya) in [#28831](https://github.com/facebook/react/pull/28831))
* feat[devtools]: add method for connecting backend with custom messaging protocol ([hoxyq](https://github.com/hoxyq) in [#28552](https://github.com/facebook/react/pull/28552))
* feat[devtools]: ship source maps for content scripts and ignore list installHook script ([hoxyq](https://github.com/hoxyq) in [#28730](https://github.com/facebook/react/pull/28730))
* Devtools: Display actual pending state when inspecting `useTransition` ([eps1lon](https://github.com/eps1lon) in [#28499](https://github.com/facebook/react/pull/28499))

ใช้โดย