2014-02-17 2 views
0

Я просто хотел получить HTML из компонента ReactJS. Я использую модуль jquery, для которого требуется некоторый HTML-параметр. Я использую coffeescript и ReactJS для остальной части приложения.ReactJS/jQuery get HTML

Action = React.createClass 
    render: -> [...] 

    componentDidMount: -> 
    $(myJQueryModule).action(
     html: $(@props.html).html() 
    ) 

Action 
    html: React.DOM.span {className: "test"}, "test of text" 

Btw, это не работает, и у меня есть проблемы, чтобы понять, почему. Может кто-то помочь :)?

Ty

ответ

4

Компонент не получает визуализации к тексту, как это, Вы, вероятно, хотите использовать http://facebook.github.io/react/docs/top-level-api.html#react.rendercomponenttostring

Но это не будет иметь какой-либо Реагировать интеграции и события и т.д., так что вы могли бы быть лучше просто использовать обычный HTML в строке для подачи в jquery.

+0

Да, я не нашел хорошего и сильного решения, используя обычный HTML. – Kursion

+0

@Kursion: Использование React.renderComponentToString - ваш лучший выбор здесь. См. Также http://stackoverflow.com/questions/20033522/rendering-a-react-component-inside-a-bootstrap-popover. –

+0

Привет, Бен, я знаю, но в документации ReactJS это не рекомендуется для клиентского приложения (только на стороне сервера). Ty – Kursion