disable babel transpile on the fly in react

Question

For some reason I want to convert my function in react to string.

Like

toStringSpecial() {
    return ( < h1 onClick = {
            e => e
        } > hello < /h1>)
    }
    render() {
        return ({
            this.toStringSpecial.toString()
        })
    }

This won't work because I used babel. What I saw is a 'spoiled' output. How to exclude babel on the fly? or inline. I don't know how to call it.

I can configure webpack to exclude babel in certain directory, but I need babel, just that I want to use the toString() method to print function.

Answer 1

Please check reactjs documentation link below:

https://facebook.github.io/react/docs/dom-elements.html

you should follow this structure

function createMarkup() {
  return {__html: 'First · Second'};
}

function MyComponent() {
  return <div dangerouslySetInnerHTML={createMarkup()} />;
}