html разметка в строке js

import React from 'react'
import './Cases.sass'
import {CaseItem} from './CaseItem'
import case_1 from '../img/Cases/case-1.jpg'
class Cases extends React.Component {
    constructor(props){
        super(props);
        this.state = {
            cases: [
                { caseImg: case_1, caseName: 'mysite.ru', caseSpecial: 'Оклейка автомобилей пленкой', caseText: 'Целевая аудитория: бизнес с автопарком, который необходимо забрендировать. Проблема – много трафика на сайте от частников, мало целевой аудитории. Результат: 2 месяца.' }
            ]
        }
    }
    render() {
        let cases = this.state.cases;
        return (
            <section className="cases">
                <div className="container">
                    <div className="row">
                        {
                            cases.map((item, i) => {
                                return(
                                    <div className="col-lg-4 col-md-12">
                                        <CaseItem img={item.caseImg} name={item.caseName} special={item.caseSpecial} text={item.caseText} key={i} />
                                    </div>
                                )
                            })
                        }
                    </div>
                </div>
            </section>
        )
    }
}
export default Cases