Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何添加文本+;Reactjs中HTML表格行元素的图标_Reactjs_Html Table - Fatal编程技术网

如何添加文本+;Reactjs中HTML表格行元素的图标

如何添加文本+;Reactjs中HTML表格行元素的图标,reactjs,html-table,Reactjs,Html Table,我试图用文本和图标更新HTML表格行元素。这就是我迄今为止所尝试的: const cell = document.getElementById("cellID"); if(真){ cell.innerHTML={someText}{} } 这里,cell是HTML表中的一个单元格。例如,某些文本, 我可以使用cell.textContent='newText'轻松更新文本,但当我尝试在文本旁边添加图标时,它不起作用。 它不起作用。如何添加带有文本的图标?您是否尝试过使用模板文字 if (

我试图用文本和图标更新HTML表格行元素。这就是我迄今为止所尝试的:

const cell = document.getElementById("cellID");
if(真){
cell.innerHTML={someText}{}
}

这里,
cell
是HTML表中的一个单元格。例如,
某些文本
, 我可以使用
cell.textContent='newText'
轻松更新文本,但当我尝试在文本旁边添加图标时,它不起作用。
它不起作用。如何添加带有文本的图标?

您是否尝试过使用模板文字

   if (true) { 
        cell.innerHTML = `${someText} <i class="fa fa-exclamation-circle fa-fw" />`
   }
if(true){
cell.innerHTML=`${someText}`
}

是的,我刚试过。它显示了
一些文本[object]
。我让它工作了。与你推荐的略有不同
if(true){cell.innerHTML=
${someText}`}`我没有得到您所做的修复if(true){cell.innerHTML=
'${someText}'
}我只是在innerHTML中将图标元素用作字符串。此外,将“className”替换为“class”。希望我现在解释得更好。是的。我想用同样的方法。当我们直接操作DOM元素时,我们必须将其更改为class,而不是将className更改为icon。