Вопросы по теме 'use-ref'

useRef () Перехватчик пользовательского компонента
Я пытаюсь создать панель навигации, которая, когда пользователь нажимает на одну из ссылок, страница прокручивается в какой-то раздел. В приведенном выше коде каждый элемент является разделом моей страницы: <Navbar scrollFunc={scrollToRef}...
8135 просмотров
schedule 07.11.2022

Сопоставление данных с помощью useRef Hook
Я слежу за этим: Объедините два данных JSON в один с определенные пары "ключ-значение" Теперь я добавил крючок useEffect() . Как я могу использовать useRef для хранения моего результата? Это асинхронная функция. const App = (props)...
574 просмотров
schedule 20.12.2023

почему в этом примере не работает useRef?
Вот мой код перехватчиков реакции: function Simple(){ var [st,set_st]=React.useState(0) var el=React.useRef(null) if (st<1) set_st(st+1)//to force an extra render for a grand total of 2...
4186 просмотров
schedule 09.08.2023

Как получить значение TextField (Material-UI) из компонента реакции на крючок?
Я использую Material-UI с реакцией, у меня есть такой компонент, как: const UserDetail = (props: ListDetailProps) => { const oldpassword = useRef<TextFieldProps>(null); const newpassword = useRef<TextFieldProps>(null);...
867 просмотров

React forwardRef: ref и другие реквизиты
Родительский компонент: const Parent = (props) => { const ref = useRef(); return <Child ref={ref} /> } и ребенок: const Child = forwardRef((props, ref) => { return <button ref={ref} ...>click</button> })...
608 просмотров

React useState не обновляется из-за useRef
У меня возникла очень странная проблема с моим кодом реакции: useState не обновляет представление, и после того, как буквально все испробовали, проблема все еще существует. Я сделал простой код, чтобы объяснить проблему: function(){...
294 просмотров

Удалите значение из ввода с помощью useState или useRef (React)
У меня есть крючок : const [myName, setMyName] = useState(""); const myNameRef = useRef(); Тогда у меня есть форма: <form onSubmit={(e) => addVist(e, user.id)}> <input type="text" name="myName"...
442 просмотров

Как я могу убедиться, что ссылка загружается, когда мне нужно передать ее другому компоненту?
У меня есть компонент, который в основном выглядит так: <div ref={containerRef}> <Child containerRef={containerRef} /> </div> Я делаю это потому, что логика рендеринга Child зависит от ограничивающего клиентского...
36 просмотров
schedule 17.02.2022

почему машинописный текст жалуется при попытке использовать ref в реакции?
Я использую ref для анимации элементов при прокрутке. const foo = () => { if (!ref.current) return; const rect = ref.current.getBoundingClientRect(); setAnimClass( rect.top >= 0 && rect.bottom <=...
242 просмотров
schedule 04.05.2023

Как использовать перехватчик React useRef для удаления классов на карте
Я новичок в React. Я пытаюсь добавить событие onClick к элементу div, которое удалит className из другого элемента. Эти элементы являются частью цикла на карте. Я пытаюсь использовать для этого хук useRef. Я специально не хочу переключать...
918 просмотров
schedule 03.02.2024

useRef с машинописным текстом на пользовательском элементе ввода
Я изо всех сил пытаюсь использовать useRef на input с машинописным текстом. Я проверил много ссылок, таких как эту , но я все еще получаю ту же ошибку. const MainHeader: React.FC = () => { const InputStyled = styled(Input)` // some basic...
280 просмотров
schedule 15.02.2024

В этом useRef нет необходимости?
Я пытаюсь понять каждую строчку этого прекрасного примера: https://codesandbox.io/embed/r5qmj8m6lq Не могли бы вы предложить возможную причину использования useRef в строке 18: const order = useRef(items.map((_, index) => index)) если бы...
29 просмотров
schedule 27.02.2023

Как сделать fileReader.removeEventListener в React js в функции cleaup
Я реализовал средство предварительного просмотра изображений в React js. Вот codeandbox . Я хочу удалитьEventListener, когда компонент отключается, но я не могу это сделать. Я попытался сделать это с помощью useRef, но получал неопределенную ошибку...
28 просмотров
schedule 27.02.2022