react 에서 다른 data.js파일을 만들어서 import해왔는데 문제가

제가 다른 data.js 파일에 

export default [

         {  id : 1,
              explanation : `<span>어쩌고</span> 저쩌고 어쩌고 저쩌고,
                                         <br/><br/>
                                        <span>React</span> 페이지, <span>Redux</span> `,
               gitlink : '주소,   
            },

           {  id : 2,
              explanation : `<span>어쩌고</span> 저쩌고 어쩌고 저쩌고,
                                         <br/><br/>
                                        <span>React</span> 페이지이, <span>Redux</span> `,
               gitlink : '주소,   
            },     

];

이런식으로 만들어서 import 해와서 state담아 .map()해줬습니당.

그런데 ..다 잘되는데 ...문제가 

저기 explanation이값을  <p></p> 안에 넣어줬어요. ...이게 문자열이 붙어서

'' <span>어쩌고</span> 저쩌고 어쩌고 저쩌고,
   <br/><br/>
   <span>React</span> 페이지, <span>Redux</span> '' 이케 그대로  나오더라구요 ㅠㅠ.

그래서 css가 적용이 안되더라구요 ...... 당연한 거지만 ㅠㅠ 이거 혹시 문자열 "" 이걸 어케 떼야 할까요???....