使用 React Dom 创建具有 id 或 class 的元素

Question

我正在创建这样的元素

const foo = document.createElement('div');
ReactDOM.render(component, foo);

我想知道是否可以用 class 或 id 创建 foo？

Answer 1

foo 的 id and/or class 可以通过 setAttribute(..) and classList.add(..) 方法指定，如下所示：

const foo = document.createElement('div');

/* Set id of "some-id" on foo */
foo.setAttribute("id", "some-id");

/* Add class of "some-class" to foo */
foo.classList.add("some-class");

Answer 2

我建议您以适当的 React 方式创建它：

const App = () => {
  return React.createElement(
    "div",
    {style:{color:"red"}, id: 'someId', className: "someClass"},
    "Here I am",
  );
};

ReactDOM.render(React.createElement(App), document.getElementById("root"));

使用 React Dom 创建具有 id 或 class 的元素

Create Element with id or class with React Dom

javascript

reactjs

react-dom