2016-05-24 1 views
0

У меня есть простой HTML строка в виде строки в моем яваскрипта кода с помощью React, например:Как создать простой элемент DOM с помощью React?

const htmlString = '<h1>Hello, World!</h1>' 

Теперь я хочу, чтобы установить атрибут <h1> элемента className программно в методе одного из моих Реагировать компоненты ,

я обычно пойти и сделать это:

let htmlElement = document.createElement('div') 
htmlElement.innerHTML = htmlString 

Тогда я мог бы пойти и вызвать:

htmlElement.getElementByTagName('h1').className = 'description-heading' 

Однако с React я не имею доступа к document, так что я не может позвонить createElement. Как я могу решить эту проблему с помощью React?

+0

https://facebook.github.io/react/docs/tutorial.html это помогает? – AlFra

+1

Какова конечная цель? Вы можете легко использовать синтаксис JSX для представления разметки элемента и создать его одним выстрелом. Вы берете разметку как вход откуда-то? – hazardous

+0

@HazardouS это в основном случай. html генерируется программно, но мне нужно затем отрегулировать классы CSS ... – nburk

ответ