Вопросы, помеченные тегом «react-hooks»

React Hooks — это функция, которая позволяет разработчикам использовать состояния и другие функции жизненного цикла компонентов React без написания компонента на основе классов.
avatar
kanjiake
9 августа 2021 в 06:53
30
0

Как поместить исходный файл в Django

Я использую Reactjs как FrontEnd, Django как Backend. Я пытаюсь передать изображение как исходный файл с помощью Antd, но это не работает все оставшиеся поля опубликованы, но изображение нет. Возвращает ноль, иногда возвращает ошибку 404 это мое состояние: const...
avatar
Andrew Ho
9 августа 2021 в 06:11
33
2

Доступ к данным, установленным React Hook в функции

Я немного новичок в React. Я пытаюсь сделать запрос GET от конечной точки REST API, который должен вернуть следующий JSON: { "author": "aqho", "title": "Second post!", "slug": "second-post", "body": "Let's see if things get updated in the database like...
avatar
Rishabh Sehgal
9 августа 2021 в 03:43
1450
1

Formik выполняет повторный рендеринг при изменении состояния реакции

Я использую пользовательский компонент в поле formik, и мне нужно вызвать функцию при изменении текста внутри функции (чтобы получить все соответствующие подсказки, связанные с вводом) <Field id="assignees" name="assignees" ...
avatar
calveeen
9 августа 2021 в 02:08
159
1

Реагировать на дочерний компонент, не отображающий реквизиты из родительского значения

У меня есть простое приложение, которое вызывает API погоды и отображает его в дочернем компоненте. App.js import './App.css'; import { useState, useEffect } from 'react' import { Forecast } from './forecast' import Card from './components/Card' function App() { ...
avatar
Ethan M
9 августа 2021 в 00:36
66
3

UseState, как сделать массив пустым?

Я пытаюсь установить clickFavIconArray обратно в пустой массив с помощью хука. В принципе, у setClickFavIconArray есть список идентификаторов, showFavIcon() проверяет этот идентификатор, и если он содержит тот же идентификатор, я хочу удалить его из массива и обновить...
avatar
Tal Kohavy
8 августа 2021 в 21:57
62
1

Реализуйте UseEffect React для прослушивания только приращения/уменьшения

Я создал приложение для чата и использую useEffect для прослушивания messages.length, чтобы прокрутить вниз при получении нового сообщения - increment в messages.length. Однако есть также случай, когда я удаляю сообщение decrement в messages.length. Это означает, что...
avatar
rufus
8 августа 2021 в 20:35
86
0

Элемент дважды помещается в массив, хотя я просто добавил его один раз в приложение Nextjs/React.

Я работаю над небольшой карточной онлайн-игрой, но столкнулся с проблемой, которую никак не могу решить. Я работаю с редуктором, так что каждый раз, когда появляется карта с типом "проклятие", она добавляется в массив curses[] игроков. Это означает, что всякий раз,...
avatar
dragoon
8 августа 2021 в 19:59
49
0

Как заставить этот UseVisibility Toggler работать в React?

Я пытаюсь использовать функциональный компонент для переключения видимости элемента в моем коде. Элемент будет управляться кнопкой (которая в настоящее время ведет к ./. Кнопка определяется как еще один отдельный компонент. Всего четыре взаимодействующих...
avatar
Dominik Rumian
8 августа 2021 в 19:46
44
0

React-graph-vis не перерисовывается при изменении состояния (с использованием хуков)

Я пытаюсь обновить свой инструмент визуализации графиков (переход от компонентов на основе классов к функциональным компонентам) и столкнулся с проблемой. Когда я пытаюсь добавить ребро к графу, компонент не перерисовывается. Я пробовал обновлять состояние разными...
avatar
John Doah
8 августа 2021 в 18:13
59
2

Как мне использовать хуки во вложенном компоненте

Я создаю приложение с помощью React Native, и у меня есть компонент карточки. Для этого компонента карты требуется несколько хуков, проблема в том, что компоненты карты отображаются в FlatList в компоненте HomeScreen. Иерархия такая: -Homescreen...
avatar
Maryam Sani
8 августа 2021 в 16:21
111
0

Экспорт данных массивов состояний в CSV-файл в реагирующих хуках

Я хотел бы знать, как в React.js Hooks можно сохранять каждое состояние функционального состояния (состояния Hier History) в виде массивов в файле csv? Я хочу сохранить каждый ход игры крестики-нолики в виде массива, но не знаю, как это сделать? **const [history,...
avatar
Jaswinder Singh
8 августа 2021 в 15:20
1653
1

Ошибка типа: введите 'boolean | (() => void)' нельзя присвоить типу 'MouseEventHandler<HTMLButtonElement> | неопределенный'

Я пытаюсь воспроизвести звук в приложении NextJS и пишу код на TypeScript. Мой onClick() отлично работает в dev env, что означает, когда я делаю npm run dev. <button onClick ={toggle}> {playing ? "Pause" : "Play"</button> но когда я пытаюсь сделать npm...
avatar
Alok Singh
8 августа 2021 в 14:01
16
0

Как сделать календарь рабочего времени в react-native

Здравствуйте, всем. Мне нужна помощь. Я хочу создать скриншот пользовательского интерфейса, прикрепленный ниже, в react-native. Я использовал библиотеку react-native-big-calendar, но нет возможности скрыть время закрытия, которое я хочу скрыть или отключить, кроме 9:00...
avatar
user15900386
8 августа 2021 в 13:37
529
3

setState не работает должным образом при использовании value={} в поле ввода

Я использую React JS. Я устанавливаю состояние, однако есть проблема в части value={} поля ввода. Вот мой код: import React from 'react'; class SomeClass extends React.Component{ constructor(props){ super(props); this.state = { ...
avatar
zahra zamani
8 августа 2021 в 11:12
30
0

Как открыть фото, которое я получаю от API на карточке

Я делаю снимок API следующим образом: const downloadDepositMoneyInfosClickHandler = (row) => { service.getDepositMoneyPictureById(row.id, (status, data) => { var blob = new Blob([data], { type: "image/png" }); var objectUrl =...
avatar
zahra zamani
8 августа 2021 в 09:59
19
0

Автозаполнение интерфейса поиска материала не работает

Я использовал компонент автозаполнения следующим образом: import Autocomplete from "@material-ui/lab/Autocomplete"; const Autocomplete = (props) => { ///code <Autocomplete multiple={props.multiple} placeholder={props.placeholder} ...
avatar
Yukta Jaiswal
8 августа 2021 в 08:34
43
1

я хочу удалить конкретный компонент, щелкнув значок удаления. Как я могу это сделать?

const deleteAlert= ({ item }) => { Alert.alert("Delete Notification ?", "", [ { text: "Cancel", onPress: () => console.log("Cancelled"), style:'cancel', }, { text: "Delete", ...
avatar
Ashmita Singh
8 августа 2021 в 07:42
342
1

Динамические формы. Как обновить значение нескольких полей формы в событии onChange с помощью реагирующих крючков?

Используя компонент на основе классов, мы делаем это для нескольких полей ввода handleChange(evt) { this.setState({ [evt.target.name]: evt.target.value; }); Но я хочу сделать это с помощью хуков: const [newName, setNewColorName] = useState(''); const...
avatar
J.Ko
8 августа 2021 в 05:30
94
0

React Native: всегда ли изменения в значениях Context API, вызываемых через хук useContext, вызывают повторную визуализацию компонента?

Вот ситуация: У меня есть компонент (ListItem.js), который показывает информацию о другом пользователе, и кнопка для рекомендации этого пользователя. Компонент разработан таким образом, что есть кнопка, отражающая статус рекомендации, и при нажатии на нее он...
avatar
OvenBakedPython
8 августа 2021 в 04:43
887
2

Как я могу сделать вызов API динамическим с реакцией?

Как я могу использовать значение из формы ввода и выполнять вызов API только при отправке кнопки? Прямо сейчас, когда я нажимаю «Отправить», я получаю обратно имя пользователя, которое я ожидаю и хочу получить, однако, похоже, оно не отправляет информацию обратно в...