React-icons 和 DOM-解网

问：

我创建了一个名为“menu”的变量，并分配它来创建一个“div”dom 元素。之后，我从 react-icons 导入了 FaLinkedin，并尝试将其添加到菜单 div 中。我可能做错了，因为当我运行应用程序时，它只是返回名为“[object Object]”的文本的div，而不是出现的LinkedIn图标。我该如何解决这个问题？

我的代码：

import { FaLinkedin } from "react-icons/fa"

function criarMenu(){
var menu = document.createElement('div')
menu.setAttribute('id', 'mn')

    menu.style.display = 'flex'
    menu.style.justifyContent = 'center'
    menu.style.alignItems = 'center'
    menu.style.padding = '15px'
    menu.style.position = 'absolute'
    menu.style.top = '120px'
    menu.style.margin = '0 78% 0px 0px'
    menu.style.backgroundColor = 'blue'
    menu.style.border = 'solid 1px yellow'
    
    if(document.getElementById('quadro')){
        document.getElementById('quadro').appendChild(menu)
    } else if(document.getElementById('coluna')){
        document.getElementById('coluna').appendChild(menu)
    }

menu.append(\<FaLinkedin/\>)
}

我尝试添加图像而不是 react-icons，但图像没有渲染，我不知道为什么，所以我回到了最初的 react-icons 问题。

javascript html css reactjs dom

我尝试使用“menu.innerHTML = <FaLinkedin/>”，结果是一样的。我很抱歉，“斜杠”（/）我不知道出于什么原因，但是当我发布它时，它入到函数中。但是在代码中，它是这样的：menu.append（<FaLinkedin/>）。无论如何，它仍然不起作用。

0赞 Geshode 10/30/2023

您需要给提供一个字符串。所以，它应该是.你试过吗？menu.innerHTMLmenu.innerHTML = '<FaLinkedin/>'

0赞 Carlos Daniel 10/31/2023

正如你所说，我试图这样做，但它的行为有点奇怪，图标没有出现在屏幕上。prnt.sc/-J9JugMP1m8L

答： 暂无答案

上一个：如何获取最外层DOM元素的文本？

下一个：无法通过 chrome 扩展程序编辑 DOM 元素

React-icons 和 DOM

React-icons and DOM

评论