0

I'm using a text editor that generates string-like HTML and passes it to my React component.

I want to convert it to an actual DOM element when the render method of my class receives a string that is like html.

Method looks like:

    render() {
        var specs = this.props.specs
        var content = specs.label

        if (content[0] == '<') {
            let element = document.createElement('div')
            element.innerHTML = content
            console.log('element', element) // actual html
            console.log('element type:', typeof element) // "object"

            return element // won't work
            return <div> { element } </div> // won't work
            return <div> { [element] } <div> // won't work
        }

        return <div> { content } </div>

    }
jaimefps
  • 2,244
  • 8
  • 22
  • 45

0 Answers0