title: How to add custom attributes in an element without JSX (just using createElement method)?
body: <p>I want add a custom attribute (for instance an attribute named "key") in an element using React but I only can add some keywords like "className", "style", etc...</p>
  
  <p>My code right now is like this:</p>
  
  <pre><code>function TodoItem(props){
      return React.createElement("div",{key:props.id,className:"todo-item"},
          React.createElement("input",{type:"checkbox"},null),
          React.createElement("p",null,props.text)
      );
  }
  </code></pre>
  
  <p>I can not add "key:props.id".</p>
  
  <p>My objective would be to create something like this:</p>
  
  <pre><code>&lt;div class="todo-item" key="&lt;int&gt;" data-reactid=".0.0"&gt;&lt;input type="checkbox" data-reactid=".0.0.0"&gt;&lt;p data-reactid=".0.0.$test"&gt;Take out trash&lt;/p&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Right now I do not know how to put the <strong>key="int"</strong> part</p>