எப்படி useRef ஐப் பயன்படுத்தி உள்ளேயில் input உள்ளிட்டு மக்கள்

உள்ளே useRef எனக்கும் உள்ளிட்டு கொண்டு மக்கள் எதிர் டிடி React.js பின்வருகிறது. இது ஒரு functional component ஐ ref ஐப் பயன்படுத்தி அதனை மாற்றும் வழியாக பின்வருகிறது. போதுமானதாக பயன்படுத்த எங்களுக்கு ஆரம்பித்து, இங்கு பார்க்கலாம் உள்ளி விஷயாலாம்.

படிவம்

    
      import React, { useRef, useEffect } from 'react';

      function App() {
        const inputRef = useRef(null);

        useEffect(() => {
          inputRef.current.focus();
        }, []);

        return (
          

            
          
        );
      }
    
  

விளக்கம்

இந்த படிவம் உள்ளிட்டு மக்கள் பயன்படுத்தும் பல்பிப்பானகாக useRef ஐப் பயன்படுத்த உள்ளிட்டு கொண்டுகோர்கிறது. இது உள்ளு மக்கள் ref இற்கு access கொண்டு, அது மாற்றத்தை செய்தின்றி ஓடம் அவதிக்கலாம். இது கோடுவாக input முகத்தில் கிடைத்தால் தான் உள்ளிட்டு மக்கள் control முகத்தில் மக்கள் ref ஐப் பயன்படுத்தி, இது நமக்கு focus ஆக தெரியும். நாம் பின்வருகிறது ஒரு useEffect உள்ளேயாக, ref மகள் மாற்றில் ஒரு நம பதில் உள்ளிட்டு மக்கள் குறைந்தேன் படிவ செய்யனுளில் பார்க்கோம் inputRef.current.focus()