Использование ария атрибутов

Question

я следующий метод отрисовки:

render: function() { 
    return (
    React.createElement('div', {className: 'modal', id: 'errorModal', tabIndex: '-1', role: 'dialog', ariaHidden: 'true', dataBackdrop: 'false', style: {marginTop: '30px'}}, 'text') 
) 
} 

Это дает мне ошибку:

react.js:20541 Warning: Unknown props ariaHidden , dataBackdrop on tag. Remove these props from the element. For details, see in div (created by Constructor) in Constructor

Как я могу решить эту проблему? В документации говорится, что я могу использовать эти атрибуты. Строка также не работает. Я не хочу использовать jsx.

Answer 1

Вместо верблюда случае используйте дефис, чтобы определить aria атрибуты, как описано in React's docs:

render: function() { 
    return (
    React.createElement('div', {className: 'modal', id: 'errorModal', tabIndex: '-1', role: 'dialog', 'aria-hidden': 'true', dataBackdrop: 'false', style: {marginTop: '30px'}}, 'text') 
) 
}