JSFiddle - React, Tailwind, and code Playground

HTML

<h1>Анастасия Логинова https://vk.com/cococolala</h1>
<div id="page_body" class="fl_r" style="width: 631px;">
      <div id="header_wrap2">
        <div id="header_wrap1">
          <div id="header" style="display: none;">
            <h1 id="title">false</h1>
          </div>
        </div>
      </div>
      <div id="wrap_between"></div>
      <div id="wrap3"><div id="wrap2">
  <div id="wrap1">
    <div id="content"><div id="friends">
<div class="tabs t_bar clear_fix">
  <ul id="friends_tabs" class="t0">
   <li id="tab_all" class="active_link">
    <a href="/friends?section=all" onclick="return checkEvent(event);" onmousedown="return Friends.switchTab('all', event);"><b class="tl1"><b></b></b><b class="tl2"></b>
     <b class="tab_word">Все друзья</b>
    </a>
   </li>
   <li id="tab_online" class="" style="">
    <a href="/friends?section=online" onclick="return checkEvent(event);" onmousedown="return Friends.switchTab('online', event);"><b class="tl1"><b></b></b><b class="tl2"></b>
     <b class="tab_word">Друзья онлайн<span class="count"></span></b>
    </a>
   </li>
   <li id="tab_requests" class="" style="display:none;">
    <a href="/friends?section=requests" onclick="return checkEvent(event);" onmousedown="return Friends.switchTab('requests', event);"><b class="tl1"><b></b></b><b class="tl2"></b>
     <b class="tab_word">Заявки в друзья<span class="count"></span></b>
    </a>
   </li>
   <li id="tab_common" class="" style="display:none;">
    <a href="/friends?section=common" onclick="return checkEvent(event);" onmousedown="return Friends.switchTab('common', event);"><b class="tl1"><b></b></b><b class="tl2"></b>
     <b class="tab_word">Общие друзья<span class="count"></span></b>
    </a>
   </li>
   <li id="tab_members" class="" style="display: none;">
    <a href="/friends?section=members" onclick="return checkEvent(event);" onmousedown="return Friends.switchTab('members', event);"><b class="tl1"><b></b></b><b class="tl2"></b>
     <b...