//it is beautiful code
  let innerHTML = (
    <>
              <a href={blog_edit+"/"+blogLayoutId+"/"+dataId} //I don't know what is a best practice for url params please search in google
                className="btn btn-primary btn-dt-edit"
                data-load-ajax="true"
                data-toggle="tooltip" title={title}>
                <i className="fa fa-pencil"></i>asdasdasdas
              </a>

              {
              props.data.canYouDelete() &&
              <a href={blog_edit+"/"+blogLayoutId+"/"+dataId}
      className="btn btn-primary btn-dt-edit"
      data-load-ajax="true"
      data-toggle="tooltip" title={title}>
      <i className="fa fa-pencil"></i>torles
    </a>
    }
              </>
  );




   //it is not beautiful code sorry :(
  //my problem: difficult to review
  let innerHTML2 = '<a href="'+props.blog_edit+'{blogLayoutId: blogLayoutId,id: data.id}"\n' +
  '   class="btn btn-primary btn-dt-edit"\n' +
  '   data-load-ajax="true"\n' +
  '   data-toggle="tooltip" title="'+props.admin.layout.table.editBtnTooltip.trans+'">\n' +
  '    <i class="fa fa-pencil"></i>\n' +
  '</a>\n';
if(props.data.canYouDelete() == true)
  innerHTML2 += '    <a href="'+props.blog_delete+'{blogLayoutId:blogLayoutId,id:data.id}"\n' +
  '       class="btn btn-danger btn-dt-delete"\n' +
  '       data-confirm-text="'+props.admin.layout.table.delConfirmText.trans+'"\n' +
  '       data-toggle="tooltip" title="'+props.admin.layout.table.delBtnTooltip.trans+'">\n' +
  '        <i class="fa fa-trash"></i>\n' +
  '    </a>\n';