在没有JSX的React中设置elem id

Question

我可以使用这个JSX片段创建一个包含id =＆＃34; searchBar＆＃34;

的输入元素的元素

const searchDiv = (
   <div>
     <input id="searchBar"/>
   </div>
);

如果不使用JSX，我该怎么做？

我认为应该是这样的：

const searchDiv = (
      React.createElement(div,
      React.createElement(input, {id:"searchBar"}),
      )
);

我在这里做错了什么？

我试过把＆＃34; id＆＃34;在引号中。

我真正需要的是更好地记录可以进入的参数

React.createElement()

Answer 1

试试这种方式

const searchDiv = React.createElement(
   'div',
   {},
   React.createElement('input', {id: "searchBar"})
)