function createMarkup() {

    return {

       __html: 'First · Second'    };

 }; 

​

<div dangerouslySetInnerHTML={createMarkup()} /> 

function createMarkup() {

  return {__html: 'First · Second'};

}

​

function MyComponent() {

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

}

<div dangerouslySetInnerHTML={{__html: '<p>First &middot; Second</p>'}}></div>

function MyComponent() {

  const markup = { __html: 'First · Second' }

  return <div dangerouslySetInnerHTML={ markup } />;

}

dangerouslySetInnerHTML={{__html: 'string'}}