Вопросы по теме '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 просмотров
schedule
26.02.2022
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 просмотров
schedule
05.02.2022
React useState не обновляется из-за useRef
У меня возникла очень странная проблема с моим кодом реакции: useState не обновляет представление, и после того, как буквально все испробовали, проблема все еще существует. Я сделал простой код, чтобы объяснить проблему:
function(){...
294 просмотров
schedule
09.03.2022
Удалите значение из ввода с помощью useState или useRef (React)
У меня есть крючок :
const [myName, setMyName] = useState("");
const myNameRef = useRef();
Тогда у меня есть форма:
<form onSubmit={(e) => addVist(e, user.id)}>
<input type="text" name="myName"...
442 просмотров
schedule
28.12.2023
Как я могу убедиться, что ссылка загружается, когда мне нужно передать ее другому компоненту?
У меня есть компонент, который в основном выглядит так:
<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