React. Реакт. Тестовая задача 020. Ещё в JSX отличается атрибут for у label. В JSX-варианте требуется писать htmlFor вместо for

---

Ещё в JSX отличается атрибут for у label. В JSX-варианте требуется писать htmlFor вместо for

Разберёмся, что здесь происходит:

  <script src="/js/react/react.development.js"></script>
  <script src="/js/react/react-dom.development.js"></script>
  <script src="/js/react/babel.min.js"></script>
  ...
  <script type="text/babel">
    const { useState, createElement } = React;
    const { createRoot } = ReactDOM;

createRoot(document.getElementById('root')).render(
  <>  
    <label htmlFor="title">Какой-то текст: </label> 
    <input id="title" type="text" />
  </>
);

Ещё в JSX отличается атрибут for у label. В JSX-варианте требуется писать htmlFor вместо for.

Для всех остальных свойств в JSX используется стиль camelCase вместо обычных имён HTML-атрибутов:

onclick -> onClick
tabindex -> tabIndex
fill-rule -> fillRule
overline-thickness -> overlineThickness
stroke-width -> strokeWidth
onmouseover -> onMouseOver