હલ: hr પ્રતિક્રિયા

HR પ્રતિક્રિયા સાથેની મુખ્ય સમસ્યા એ છે કે કર્મચારીની કામગીરીને ટ્રૅક કરવી મુશ્કેલ બની શકે છે. આ ખાસ કરીને પડકારજનક બની શકે છે જો કર્મચારીઓ સતત તેમની પ્રગતિની જાણ ન કરતા હોય અથવા જો તેમના અહેવાલો સચોટ ન હોય. વધુમાં, HR પ્રતિક્રિયા સમય માંગી લે તેવી અને ખર્ચાળ હોઈ શકે છે, જે પ્રમોશન અથવા છટણી અંગે નિર્ણય લેવામાં વિલંબ તરફ દોરી શકે છે.

-router-dom

import React from 'react';
import { Route, Link } from 'react-router-dom';

const HR = () => (
  <Route>
    <div>
      <ul>
        <li><Link to="/hr/dashboard">Dashboard</Link></li>
        <li><Link to="/hr/employees">Employees</Link></li>
      </ul>

      <hr />

      <Route path="/hr/dashboard" component={Dashboard} />
      <Route path="/hr/employees" component={Employees} />

    </div>
  </Route>

);

આ કોડ HR એપ્લિકેશન માટે રાઉટર ઘટક બનાવવા માટે React રાઉટર લાઇબ્રેરીનો ઉપયોગ કરી રહ્યો છે. એચઆર ઘટકમાં બે બાળ ઘટકો છે, ડેશબોર્ડ અને કર્મચારીઓ. એચઆર ઘટક બે ચાઇલ્ડ ઘટકોની લિંક્સની સૂચિ રેન્ડર કરે છે અને એ પણ રેન્ડર કરે છે દરેક બાળક ઘટક માટે તત્વ.

કલાક તત્વ

પ્રતિક્રિયામાં hr એલિમેન્ટનો ઉપયોગ દસ્તાવેજમાં આડા નિયમ દર્શાવવા માટે થાય છે.

પ્રતિક્રિયામાં આડી રેખા દોરો

પ્રતિક્રિયામાં, તમે લાઇન ઘટકનો ઉપયોગ કરીને આડી રેખા બનાવી શકો છો.

પ્રતિક્રિયામાં આડી રેખા બનાવવા માટે, રેખા ઘટકનો ઉપયોગ કરો. આ ઘટક બે દલીલો લે છે: x-સંકલન અને પ્રારંભ બિંદુનું y-સંકલન, અને રેખાની લંબાઈ.

લાઇન ઘટક લાઇનને રજૂ કરતી નવી લાઇન-સેપરેટેડ સ્ટ્રિંગ પરત કરશે. આ શબ્દમાળામાં પ્રથમ અક્ષર x-coordinate 0 પર છે અને છેલ્લો અક્ષર x-coordinate 1 પર છે. આ શબ્દમાળામાં બીજો અક્ષર y-coordinate 0 પર છે અને છેલ્લો અક્ષર y-coordinate 1 પર છે.