[React] Virtual DOM não permite atributos personalizados

Por exemplo,

render: function() {
return <div transition-state="opening"></div>;
}

Vai te dar um div</code> without the transition-state</code> attribute.

Uma das soluções alternativas é usar o conjunto de dados.

render: function() {
return <div data-transition-state="opening"></div>;
}

Outra é alterar o atributo dinamicamente sempre que componentDidUpdate</code> callbacks.

Nota

  • tabindex em JSX é tabIndex.
  • classe em JSX é className.