हल: घंटा प्रतिक्रिया

एचआर प्रतिक्रिया के साथ मुख्य समस्या यह है कि कर्मचारी के प्रदर्शन को ट्रैक करना मुश्किल हो सकता है। यह विशेष रूप से चुनौतीपूर्ण हो सकता है यदि कर्मचारी अपनी प्रगति की लगातार रिपोर्ट नहीं कर रहे हैं या यदि उनकी रिपोर्ट सटीक नहीं है। इसके अतिरिक्त, एचआर प्रतिक्रिया समय लेने वाली और महंगी हो सकती है, जिससे पदोन्नति या छंटनी के बारे में निर्णय लेने में देरी हो सकती है।

-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 एलिमेंट का उपयोग दस्तावेज़ में एक क्षैतिज नियम का प्रतिनिधित्व करने के लिए किया जाता है।

रिएक्ट में एक क्षैतिज रेखा खींचें

रिएक्ट में, आप लाइन घटक का उपयोग करके एक क्षैतिज रेखा बना सकते हैं।

रिएक्ट में एक क्षैतिज रेखा बनाने के लिए, लाइन घटक का उपयोग करें। यह घटक दो तर्क लेता है: प्रारंभ बिंदु का x-निर्देशांक और y-निर्देशांक, और रेखा की लंबाई।

लाइन घटक लाइन का प्रतिनिधित्व करने वाली एक नई लाइन-पृथक स्ट्रिंग लौटाएगा। इस स्ट्रिंग में पहला वर्ण x-निर्देशांक 0 पर है, और अंतिम वर्ण x-निर्देशांक 1 पर है। इस स्ट्रिंग में दूसरा वर्ण y-निर्देशांक 0 पर है, और अंतिम वर्ण y-निर्देशांक 1 पर है।