React 组件 type.name 是一些抽象字母

IT技术 javascript reactjs jsx
2022-07-27 00:35:59

在我的应用程序中,我需要知道 children.type.name。在我的测试项目中,我得到了我的期望

const TestChild2 = () => <td>b</td>;

Chrome 开发工具

但在我的“生产”项目中,它只是“n”或“Ez”或其他一些随机字母。

import React from 'react'

const InputCell = (props) => {

    console.log('hi');
    return <td>hi</td>;
}

export default InputCell;

Chrome 开发工具 2

为什么会这样?我在两个项目中使用相同版本的浏览器和相同版本的 react ("react": "^16.13.1")。

1个回答

为什么会这样?

发生这种情况是因为 React 在构建生产构建时会这样做。React 可能这样做是为了缩小代码。

作为解决方法,您也可以通过将名称作为 prop/defaultProp 传递来访问 prod build 中的名称。