将props中只要是常规html标签中有的合法属性都复制到div中。

好的，你可以使用以下代码实现：

function copyPropsToDiv(props) {
  const div = document.createElement('div');
  for (const prop in props) {
    // 只复制常规html标签中有的合法属性
    if (div.hasOwnProperty(prop) && prop !== 'key' && prop !== 'children') {
      div[prop] = props[prop];
    }
  }
  return div;
}

这个函数可以将一个 props 对象中所有常规 html 标签中的合法属性复制到一个新的 div 元素中。注意，这个函数并不会复制 key 和 children 属性，因为它们通常不是常规 html 标签中的属性。

相关问题

将props中的全部属性添加到div标签上

可以使用React中的Spread Attributes语法，将props中的全部属性添加到div标签上，代码如下：

<div {...props}></div>

这样就可以把props中的所有属性都传递给这个div标签。

原生js将props中的全部属性添加到div标签上

可以使用以下代码将props中的全部属性添加到div标签上：

function setProps(div, props) {
  Object.keys(props).forEach(key => {
    div.setAttribute(key, props[key]);
  });
}

const myDiv = document.createElement('div');
const props = {
  class: 'my-div',
  id: '123',
  dataValue: 'example',
};

setProps(myDiv, props);