javascript - 将所有具有特定标签的元素替换为组件

Question

可能吗？

基本上，我想做的是在单击“编辑”按钮之类的事件上，我需要将所有元素替换为带有输入字段的特定标记，我知道如何使用 jQuery 执行此操作，但更喜欢使用 React 执行此操作.

jQuery/伪代码:

$('a').each(function(e,i){
   e.html('<input placeholder="'+ e.text() +'" />');
});

Answer 1

当然可以，但是 React 会替换您渲染到的整个元素。

const links = document.querySelectorAll('a');

for (let i = 0; i < links.length; i++) {
  const link = links[i];
  ReactDom.render(
    <LinkNode text={link.textContent} />,
    link
  );

  link.style.border = "5px solid red";
}