Вопросы, помеченные тегом «react-hooks»
React Hooks — это функция, которая позволяет разработчикам использовать состояния и другие функции жизненного цикла компонентов React без написания компонента на основе классов.
kanjiake
9 августа 2021 в 06:53
30
0
Как поместить исходный файл в Django
Я использую Reactjs как FrontEnd, Django как Backend.
Я пытаюсь передать изображение как исходный файл с помощью Antd, но это не работает
все оставшиеся поля опубликованы, но изображение нет.
Возвращает ноль, иногда возвращает ошибку 404
это мое состояние:
const...
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...
Rishabh Sehgal
9 августа 2021 в 03:43
1450
1
Formik выполняет повторный рендеринг при изменении состояния реакции
Я использую пользовательский компонент в поле formik, и мне нужно вызвать функцию при изменении текста внутри функции (чтобы получить все соответствующие подсказки, связанные с вводом)
<Field
id="assignees"
name="assignees"
...
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() {
...
Ethan M
9 августа 2021 в 00:36
66
3
UseState, как сделать массив пустым?
Я пытаюсь установить clickFavIconArray обратно в пустой массив с помощью хука.
В принципе, у setClickFavIconArray есть список идентификаторов, showFavIcon() проверяет этот идентификатор, и если он содержит тот же идентификатор, я хочу удалить его из массива и обновить...
Tal Kohavy
8 августа 2021 в 21:57
62
1
Реализуйте UseEffect React для прослушивания только приращения/уменьшения
Я создал приложение для чата и использую useEffect для прослушивания messages.length, чтобы прокрутить вниз при получении нового сообщения - increment в messages.length.
Однако есть также случай, когда я удаляю сообщение decrement в messages.length. Это означает, что...
rufus
8 августа 2021 в 20:35
86
0
Элемент дважды помещается в массив, хотя я просто добавил его один раз в приложение Nextjs/React.
Я работаю над небольшой карточной онлайн-игрой, но столкнулся с проблемой, которую никак не могу решить.
Я работаю с редуктором, так что каждый раз, когда появляется карта с типом "проклятие", она добавляется в массив curses[] игроков.
Это означает, что всякий раз,...
dragoon
8 августа 2021 в 19:59
49
0
Как заставить этот UseVisibility Toggler работать в React?
Я пытаюсь использовать функциональный компонент для переключения видимости элемента в моем коде. Элемент будет управляться кнопкой (которая в настоящее время ведет к ./.
Кнопка определяется как еще один отдельный компонент.
Всего четыре взаимодействующих...
Dominik Rumian
8 августа 2021 в 19:46
44
0
React-graph-vis не перерисовывается при изменении состояния (с использованием хуков)
Я пытаюсь обновить свой инструмент визуализации графиков (переход от компонентов на основе классов к функциональным компонентам) и столкнулся с проблемой.
Когда я пытаюсь добавить ребро к графу, компонент не перерисовывается. Я пробовал обновлять состояние разными...
John Doah
8 августа 2021 в 18:13
59
2
Как мне использовать хуки во вложенном компоненте
Я создаю приложение с помощью React Native, и у меня есть компонент карточки.
Для этого компонента карты требуется несколько хуков, проблема в том, что компоненты карты отображаются в FlatList в компоненте HomeScreen.
Иерархия такая:
-Homescreen...
Maryam Sani
8 августа 2021 в 16:21
111
0
Экспорт данных массивов состояний в CSV-файл в реагирующих хуках
Я хотел бы знать, как в React.js Hooks можно сохранять каждое состояние функционального состояния (состояния Hier History) в виде массивов в файле csv? Я хочу сохранить каждый ход игры крестики-нолики в виде массива, но не знаю, как это сделать?
**const [history,...
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...
Alok Singh
8 августа 2021 в 14:01
16
0
Как сделать календарь рабочего времени в react-native
Здравствуйте, всем. Мне нужна помощь. Я хочу создать скриншот пользовательского интерфейса, прикрепленный ниже, в react-native. Я использовал библиотеку react-native-big-calendar, но нет возможности скрыть время закрытия, которое я хочу скрыть или отключить, кроме 9:00...
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 = {
...
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 =...
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}
...
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",
...
Ashmita Singh
8 августа 2021 в 07:42
342
1
Динамические формы. Как обновить значение нескольких полей формы в событии onChange с помощью реагирующих крючков?
Используя компонент на основе классов, мы делаем это для нескольких полей ввода
handleChange(evt) {
this.setState({
[evt.target.name]: evt.target.value;
});
Но я хочу сделать это с помощью хуков:
const [newName, setNewColorName] = useState('');
const...
J.Ko
8 августа 2021 в 05:30
94
0
React Native: всегда ли изменения в значениях Context API, вызываемых через хук useContext, вызывают повторную визуализацию компонента?
Вот ситуация:
У меня есть компонент (ListItem.js), который показывает информацию о другом пользователе, и кнопка для рекомендации этого пользователя.
Компонент разработан таким образом, что есть кнопка, отражающая статус рекомендации, и при нажатии на нее он...
OvenBakedPython
8 августа 2021 в 04:43
887
2
Как я могу сделать вызов API динамическим с реакцией?
Как я могу использовать значение из формы ввода и выполнять вызов API только при отправке кнопки?
Прямо сейчас, когда я нажимаю «Отправить», я получаю обратно имя пользователя, которое я ожидаю и хочу получить, однако, похоже, оно не отправляет информацию обратно в...