第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全，請及時綁定郵箱和手機立即綁定
已解決430363個問題，去搜搜看，總會有你想問的

React userref 未將焦點狀態(tài)添加到字段

React userref 未將焦點狀態(tài)添加到字段

叮當貓咪 2023-11-12 14:47:35
我一直在嘗試為此找到解決方案，我想將焦點狀態(tài)添加到我的輸入字段中。但它似乎不起作用：const textareaRef = useRef<HTMLInputElement>(null);...const handleClick = () => {? ? ? ? if (textareaRef.current) {? ? ? ? ? ? alert('Field clicked');? ? ? ? ? ? textareaRef.current.focus();? ? ? ? ? ? textareaRef.current.click();? ? ? ? }? ? };...<input? ? ?ref={textareaRef}? ? ?onClick={handleClick}? ? ?onFocus={(e) => e.persist()}? ? ?spellCheck="false"/>這是不行的，主要原因是要顯示手機鍵盤。
查看完整描述

2 回答

?
藍山帝景

TA貢獻1843條經(jīng)驗 獲得超7個贊

我無法在桌面瀏覽器上重現(xiàn)該錯誤。錄屏時用的是什么瀏覽器？


function App() {

  const textareaRef = React.useRef();

  const handleClick = () => {

    if (textareaRef.current) {

        console.log('Field clicked');

        textareaRef.current.focus();

    }

  };


  return (

    <div>

      <div onClick={handleClick}>click me to focus input</div>

      <input

       ref={textareaRef}

       onFocus={(e) => e.persist()}

      />

    </div>

  )

}


ReactDOM.render(

  <App />,

  document.getElementById('root')

)

<script src="https://unpkg.com/react@16.14.0/umd/react.production.min.js"></script>

<script src="https://unpkg.com/react-dom@16.14.0/umd/react-dom.production.min.js"></script>


<div id="root"></div>


查看完整回答
反對 回復 2023-11-12
?
慕哥6287543

TA貢獻1831條經(jīng)驗 獲得超10個贊

您可以在useEffect() Hook 中執(zhí)行此操作。下面的組件模擬了您的場景。當組件加載時，我使 focus() 出現(xiàn)在輸入上。


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



const UseRefBasics = () => {

  const refContainer = useRef(null);


  const handleSubmit = (e) => {

    e.preventDefault();

    console.log(refContainer.current.value);

  };

  useEffect(() => {

    console.log(refContainer.current);

    refContainer.current.focus();

  });


  return (

    <>

      <form className='form' onSubmit={handleSubmit}>

        <div>

          <input type='text' ref={refContainer} />

        </div>

        <button type='submit'>submit</button>

      </form>

    </>

  );

};


export default UseRefBasics;

這是我給出的一般場景。您可以使用useEffect()并在狀態(tài)更新時通過提供另一個參數(shù)useEffect(()=>{},[state1])或以您需要的任何方式獲得焦點。


查看完整回答
反對 回復 2023-11-12
  • 2 回答
  • 0 關(guān)注
  • 160 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

 幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學習伙伴

 公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號