请问这里的x，y的实际意义是什么？

[baxtergu]

react-node-key/src/core/NodeKey/getKeyByFiberNode.js

Lines 24 to 25 in 6bb517f

	const x = key2Id(get(node, 'type.$$typeof', node.type))
	const y = getNodeId(node)

[CJY0208]

一个虚拟的 “横纵坐标” 概念，例如

一个节点的渲染路径是 A > B > C > D > E，那么，节点的纵深坐标就可以用此渲染路径来标识，记作 Y

此节点属于 E 的第 N 个子节点，那么它在此节点上的横向坐标为 N，记作 X

而纵深路径上的任何一个节点都有属于它自己的 X 坐标，那么，该节点的完整坐标为以下示例

A(1) > B(3) > C(2) > D(1) > E(3)

通常不应使用 “第几个” 来标识 X 坐标，因为顺序可能发生变化，所以合理的做法是使用 key 值，或者 babel 插件标记出的 _nk 值来表示

所以最终修正后，节点确切坐标为以下示例

A(d2fa) > B(of9x) > C(39ej) > D(_d3k) > E(m10x)

以上的 A、B、C 代表的是某一类组件，例如 Provider、Router、div 等

[baxtergu]

一个虚拟的 “横纵坐标” 概念，例如

一个节点的渲染路径是 A > B > C > D > E，那么，节点的纵深坐标就可以用此渲染路径来标识，记作 Y

此节点属于 E 的第 N 个子节点，那么它在此节点上的横向坐标为 N，记作 X

而纵深路径上的任何一个节点都有属于它自己的 X 坐标，那么，该节点的完整坐标为以下示例

A(1) > B(3) > C(2) > D(1) > E(3)

通常不应使用 “第几个” 来标识 X 坐标，因为顺序可能发生变化，所以合理的做法是使用 key 值，或者 babel 插件标记出的 _nk 值来表示

所以最终修正后，节点确切坐标为以下示例

A(d2fa) > B(of9x) > C(39ej) > D(_d3k) > E(m10x)

以上的 A、B、C 代表的是某一类组件，例如 Provider、Router、div 等

感谢解答，解释的很清晰

[CJY0208]

比较有意思的还有 babel 标记 _nk 的这块，不过时间比较久了我也有点记不太清，可能存在一些小坑，但目前暂时没有遇到过

[baxtergu]

比较有意思的还有 babel 标记 _nk 的这块，不过时间比较久了我也有点记不太清，可能存在一些小坑，但目前暂时没有遇到过

这行是不是要更新了，optional chaining进es标准了

react-node-key/babel/helpers.js

Line 36 in 6bb517f

if (get(node, 'callee.type') !== 'MemberExpression') {

https://github.com/yannickcr/eslint-plugin-react/blob/e3e767bd041988d9acb7713874c0632c68408347/lib/rules/jsx-key.js#L93

[CJY0208]

这行是不是要更新了，optional chaining进es标准了

react-node-key/babel/helpers.js

Line 36 in 6bb517f

if (get(node, 'callee.type') !== 'MemberExpression') {

可以使用 optional chaining，不过这样就需要对 babel 部分做 AST 处理来保证在不同环境中的兼容性了，目前不是必要的选择