Du kanske kan använda dangerouslySetInnerHtml , som så:
render() {
return (
<div>
<div>
<div className="App">
<header className="App-header">
<img src={logo} className="App-logo" alt="logo" />
<h1 className="App-title">Welcome to Shopping Center</h1>
</header>
</div>
<div
className="row"
dangerouslySetInnerHTML={{__html: this.state.data}}
/>
</div>
<button
type="button"
className="btn btn-primary Bottom-right "
onClick={(e) => this.handleSubmit(e)}
>
My Cart
</button>
</div>
);
}