Làm thế nào để có được tên thành phần của phụ huynh trong React?

Question

tôi muốn cung cấp thông báo lỗi tốt đẹp cho một số thành phần của tôi, giống như Phản ứng thực hiện, ví dụ:

Chú ý: Mỗi đứa trẻ trong một mảng nên có một độc đáo “chìa khóa” prop. Kiểm tra phương thức hiển thị của MyComponent. Xem fb.me/react-warning-keys để biết thêm thông tin.

Thông báo này cung cấp một số thông tin về ngữ cảnh của lỗi. Tôi biết tôi có thể tìm thấy nó trong trình gỡ lỗi, nhưng tôi muốn thực hiện gỡ lỗi dễ dàng hơn cho tôi và các lập trình viên đồng nghiệp của tôi.

Answer 1

Trong khi nó không phải là rõ ràng như thế nào bạn muốn sử dụng này với một thành phần Promise bạn đề cập đến trong một chú thích, bạn có thể thử này:

var componentName = this.constructor.displayName || this.constructor.name || undefined; 

Nó lấy cảm hứng từ this hàm trong mã ReactJS mà nhìn vào các nhà xây dựng để xây dựng tên trong quá trình xác thực phần tử React.

Nhưng, nếu bạn muốn tên của cha mẹ, điều đó là không thể thông qua bất kỳ phương tiện được tài liệu và có thể sẽ mong manh nếu bạn xây dựng mã tùy thuộc vào việc triển khai nội bộ cụ thể. Đó là một luồng thông tin một chiều để đứa trẻ không cần một liên kết đến cha mẹ của nó bằng cách sử dụng kiến ​​trúc thông thường.

Nếu bạn cần tên cha mẹ, bạn cần nhận giá trị và chuyển nó qua trẻ em mà tôi chắc chắn không phải là điều mong muốn.