facebookexperimental/Recoil

[Q] RecoilStateInfo.subscribers.components.name is "<component name not available>"

Open

#1,518 建立於 2021年12月30日

在 GitHub 查看
 (6 留言) (1 反應) (0 負責人)JavaScript (19,428 star) (1,151 fork)batch import
devtoolshelp wanted

描述

Hi there, I'm implementing some kind of devtool.

  const getInfo = useGetRecoilValueInfo_UNSTABLE();
  const info = getInfo(someAtomOrSelector);
  console.log(Array.from(info.subscribers.components));

With this code, I got something like

[
    {
        "name": "<component name not available>"
    },
    {
        "name": "<component name not available>"
    },
    {
        "name": "<component name not available>"
    }
]

It seems the count of the array is correct, but I couldn't get the components' names. All of my components are type of (...) => JSX.Element. How can I get the component name properly?

EDIT; recoil version "recoil": "^0.5.2"

貢獻者指南

技術棧
javascripttypescriptreact
領域
frontenddeveloper experience
議題類型
research
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
3
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
half day
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
stale
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
clear
前置要求
Basic Recoil knowledgeReact component conceptsJavaScript/TypeScriptDevtools experience
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
20
研究方向
Investigate the Recoil source code in packages/recoil/hooks/useGetRecoilValueInfo.js to trace how subscribers.components is populated. Check if component names are only available in development mode or if components must be defined with a displayName. Review existing comments in the issue for suggestions. Consider submitting a feature request to add component names or document the limitation.