[英]Custom scheduler carousel in react js not working as expected
我正在嘗試為每日視圖實現自定義調度程序輪播。 這是我的方法,但目前不起作用。 代碼沙箱鏈接: https://codesandbox.io/s/wild-sky-7l319u Refs 在點擊下一個或上一個時沒有任何反應。 我不知道也許我的上一個和下一個邏輯不起作用,但注銷 ref,顯示它更新正常。 ...
[英]Custom scheduler carousel in react js not working as expected
我正在嘗試為每日視圖實現自定義調度程序輪播。 這是我的方法,但目前不起作用。 代碼沙箱鏈接: https://codesandbox.io/s/wild-sky-7l319u Refs 在點擊下一個或上一個時沒有任何反應。 我不知道也許我的上一個和下一個邏輯不起作用,但注銷 ref,顯示它更新正常。 ...
[英]I'm getting Type error when I use forwardRef in NextJS + Typescript App
我在我的 NextJS + TS 應用程序中有一個用於將項目添加到購物車的表單。 這個表單是一個單獨的組件,我在這個組件中使用了 forwardRef 但我收到了這個錯誤。 前向引用錯誤我該如何解決這個錯誤。 多謝! Food.tsx 組件import Image from "next/image ...
[英]Create the setTimeout in the parent and closes it in the children
我有一個特殊的問題讓我整個星期都睡不着覺。 我有一個父組件,它有一個彈出式子組件。 當我打開頁面時,彈出窗口會顯示出來,5 秒后它會隨着setTimeout消失。 這個彈出窗口中有一個輸入元素。 我希望彈出窗口在 5 秒后消失,或者如果我單擊輸入中的數字。 我試圖為setTimeout創建一個tim ...
[英]Want to display the increment counter value on screen
在不重新渲染的情況下,組件需要在屏幕上顯示增量值(changes.current)。 單擊按鈕時,會發生增量,它會顯示在控制台上但不會更改屏幕上的值。 我們需要顯示增量值(changes.current)。 我也嘗試過使用document.getElementById("p_id")但它不起作用。 ...
[英]React's Ref value not updating on change
我正在嘗試根據輸入字段是否為空的條件來設置按鈕的禁用屬性。 但是,即使在輸入中輸入時,ref 也不會更新使按鈕保持禁用狀態的值。 我怎樣才能使 ref 更新值以便條件也更新?// imports export default function Card() { const fields = u ...
[英]How to rid error of null properties in react hook?
我正在嘗試自定義掛鈎以獲取少量數據。 我想檢查一個元素與第二個元素相比在哪里。 我想把它放在他們中間。 它有效,但我在控制台中重復出現錯誤。 錯誤: 未捕獲的類型錯誤:無法在 getPosition (usePosition.js:18:1) 讀取 null 的屬性(讀取“offsetLeft”) ...
[英]React.createRef() current is always null
像我之前的許多其他人一樣(我已經閱讀了相關帖子但沒有找到答案)我在這段代碼中做錯了: 我想我的問題可能是我在渲染完成之前使用了 refs,因為infoPaneRef.current和positionRef.current總是 null - 但我需要div s(和窗口)的坐標來做一些數學運算並確定是 ...
[英]How to forward input ref to a function by onClick button
我正在嘗試通過單擊按鈕將輸入參考文本/字符串數據轉發給函數。 但我無法使用按鈕將數據轉發或傳遞給我的函數 --questionRef 是我的參考輸入數據 --answerQuestion 是我的功能 我嘗試使用我的按鈕將 questionRef 輸入轉發到 answerQuestion 函數,但它失 ...
[英]React forwardRef and callback ref, ref becomes undefined
這不是 Mapbox 相關問題,您不需要任何 map 或相關知識來提供幫助。 我的問題與 React refs 有關。 我將react-map-gl (用於 React 的 Mapbox)與@mapbox/mapbox-gl-draw使用,允許用戶在 map 上繪制幾何圖形。此應用程序有 2 個組 ...
[英]In ReactJS, how can I assign multiple ref to a single DOM?
我有一個對話組件,我在其中創建了一個 ref,但我也想將 ref 從父級傳遞給它。 我怎樣才能做到這一點? ...
[英]In react js, how can I create a read-only ref to a DOM element?
我目前正在開發一個 React 組件庫,我想從父級創建一個對子級的引用並訪問邊距、顏色等屬性; 但我不想改變它? 我怎樣才能在反應 js 中完成這個? ...
[英]Problems using useRef / useImperativeHandle in mapping components
我有一個包含不同組件的儀表板。 一切都在每個組件上使用單獨的啟動按鈕,現在我需要一個通用的啟動按鈕,並且為了從父級訪問子級的子功能,我知道在 React 中你應該使用 useRef。(但它可能不是正確,但我正在努力尋找另一種方式)。 我希望能夠靈活地選擇從這個“整體啟動按鈕”啟動哪個組件我有一個組件 ...
[英]React refs of nested 2nd level object
假設這個結構 我知道通過回調我可以獲得Bar的列表,但是Baz的聚合列表怎么樣? ...
[英]TS 7015: Element implicitly has an 'any' type because index expression is not of type 'number' for Object.keys of getElementsByTagName
我有這個 typescript 錯誤Element implicitly has an 'any' type because index expression is not of type 'number' when trying to type key from Object.keys of ge ...
[英]react cannot read properties of null of ref with forwardRef and useRef
我正在使用 function 組件。 我使用useRef來存儲previousValueCount因為我不希望它在更新時重新呈現組件。 只要我的useRef聲明位於我的代碼使用該 ref in 讀取和寫入的組件中,這就完美了。 然而,意識到我可能需要這個更高的樹,我轉向道具。 但是,當我將useRe ...
[英]Proper type to use in useRef for Material-UI TextField
使用帶有 Material-UI 和 TypeScript 的反應鈎子我無法為 Material-UI TextField組件找到合適的類型T 因此,我使用HTMLInputElement作為RefObject T參數,因為它也有一個focus方法。 在這種情況下,什么HTMLInputElemen ...
[英]Avoiding ref to be passed to the parent component: ReactJS
賞金將在 5 天后到期。 此問題的答案有資格獲得+50聲望賞金。 li97想引起更多的關注。 我有一個文件上傳器,它是一個子組件。 文件的 state 正在應用程序組件中維護。 我正在嘗試使用setInterval模擬 App 組件本身內部的上傳和失敗案例。 但是我正在使用將子組件中的 ref ...
[英]Upgrading React-router-dom v6 multiple errors
所以我一直在為一個不是我的項目升級模塊,所以我不熟悉代碼,當我嘗試從 5.2.0 ❯ 6.3.0 升級 react-router-dom 時,我偶然發現了路由的實現方式. 替換了reprecated模塊后,我收到多個錯誤,基本上說路由沒有正確定義,但我嘗試了所有方法,但無法正常工作。 這些是我加載頁 ...
[英]React Native: When accessing a component via ref, how do you access methods of that component?
在我的 React Native 應用程序中,我有一個組件Form1 : 在Form1中,我可以通過this.function1()訪問function1 。 我在另一個組件中創建了Form1的一個實例,並將它傳遞給 prop var1 ,我可以通過this.props.var1在Form1中訪問 ...
[英]Why forwarded refs with react-router-dom return null?
在我的App.js我有一個ref :const canvasView1 = React.createRef(); ... <div ref={canvasView1}/> 以及以 ref 作為道具的Homepage組件的路由:<Route index path= ...