如何在 React js 中替换 ul 中的 li 元素

问题描述

let output = "";
Manipulatelist.forEach(element =>
    {
      output += `<li 
                  className="suggestion-active" 
                  onClick=${(e)=>seleted(e)}
                 >
                    ${element.name}
                 </li>`
    });
    document.getElementById('focus').innerHTML = output;

输出：“未捕获的语法错误：意外的输入结束”

onClick 不起作用。

解决方法

您正在将 React JSX 与原始 DOM 样式混合。原始 DOM 对 onClick 或 className 一无所知，这些是 React 内部转换为等效 DOM 属性和事件处理程序的 JSX 属性。

,

        normal fire water electric ....   max
normal       1     1     1        1       500
fire         1     1    0.25      1       400
water        1     4    1        0.5      450
electric     1     1    2         1       500
.
.

onClick={} 不是 Onclick=${}

删除 $

并用选定的替换选定的