reactjs - React.useRef 并使用 JSX.Element 获取对象子元素

Question

我有一个像这样重新初始化的 JSX.Element，它包含一个 SVG 元素：

var fontawesomeIcon = React.useRef<JSX.Element>(    
    <FontAwesomeIcon
        className={classnames({
            'card-content__badge__inner__icon': true,
        })}
        // @ts-ignore
        icon={['fal', iconName]}
    />
);

如何获取存储在我的 ref 中的路径元素（以便将 CSS 更改到它们上）？

目前我用这个代码显示图标：

{fontawesomeIcon.current}