Хуки - это новая функция, которая позволяет разработчикам использовать состояния и другие функции React без написания класса.

Подробнее про react-hooks...

Я пытаюсь изучить React из существующего кода, в разделе реквизита есть такой код const { products, productDetail = {product:{}, productColor:[] }, location={}, history } = props Я не понимаю, что такое productDetail и location, зачем там {product:{}, productColor:[] }, какова цель этого?....
Дан вариант использования, когда пользователям необходимо вводить данные в приложение React для расчетов на лету. Однако с точки зрения безопасности введенные пользователем данные не должны сохраняться на устройстве пользователя или в приложении React (предположим, что мы не сохраняем эти данные яв....
3 Фев 2022 в 12:40
Привет, братаны, я делаю программу реагирования SPA, у меня есть вопрос. const [storyIds, setStoryIds] = useState([]); const list = []; useEffect(() => { Top_API().then((res) => { this.res = res.data.slice(0, 3); this.res.forEach((ele) => { axios .get("https://h....
3 Фев 2022 в 10:14
Я пытаюсь создать приложение погоды с открытым API погоды. Существует проблема с первым вызовом, который мне нужно получить широту и долгота значения из первого API, чтобы сделать второй вызов API. Я пробовал async/await, но не могу получить правильную структуру этого кода для работы. Я также проб....
2 Фев 2022 в 21:16
Контекст Я новичок в React, поэтому я создаю базовую форму, в которой я хотел бы отображать список стран на основе ввода пользователя. Мое приложение состоит из двух компонентов: «Фильтр» (это поле ввода, в которое пользователь будет вводить свои данные) и «Отображение» (это будет отображать стран....
2 Фев 2022 в 19:27
Это моя функция, которую я импортирую из другого файла. import { useMemo } from 'react' import { useIntl } from 'react-intl' export function useRenderStatus(param) { const { messages } = useIntl() const data = useMemo(() => { if (param === 'ACTIVE') return messages.page.active if (param....
2 Фев 2022 в 18:05
У меня есть состояние const [textColor, setTextColor] = useState({ darkText: false, lightText: false, allTextSelected: false, }) Теперь я хочу обновить это состояние условно, если darkText имеет значение true, сделайте его ложным и наоборот. Использование тернарного оператора и обратного вызо....
Я использую реакцию с машинописным текстом. В моем проекте я пытаюсь нарисовать несколько прямоугольников на своем SVG. Первый прямоугольник легко рисуется, но когда я пытаюсь нарисовать другой прямоугольник, предыдущий исчезает, а затем рисуется новый. Как сохранить ранее нарисованный прямоуголь....
2 Фев 2022 в 08:48
Я попытался создать таймер реакции, который отсчитывает 20 секунд, а затем останавливается на 0 секунд. Но проблема в том, что он выпадает случайным образом между 14, 13 или 12 секундами, и они продолжают повторять одно и то же значение снова и снова. Вот мой код. import React, { useEffect,use....
2 Фев 2022 в 00:23
Я пытаюсь понять, как я могу использовать React Hooks в подкомпонентах, не вызывая ошибки. Допустим, у меня есть очень простой компонент (весь код можно запустить здесь — https://codesandbox.io/embed/xenodochial-wright-mwqlk?fontsize=14&hidenavigation=1&theme=dark): import { useEffect, useState } fr....
1 Фев 2022 в 23:28
Я пытаюсь обновить массив, чтобы отправить его в список общих точек. Массив состоит из нескольких вложенных файлов. Я использую sp pnp для получения и отправки файлов. Я могу удалить файлы в приложении, но когда оно отправляется, оно не обновляет файлы. Я знаю почему: Вот состояние: import { IAt....
1 Фев 2022 в 20:33
Я использую react-dnd (Drag and Drop), чтобы вставлять элементы в div, который действует как холст для хранения элементов. Поскольку у меня были проблемы с тем, что dnd не обновлял ссылку на состояние холста, мне пришлось использовать хук useRef, чтобы вручную обновить его. const [canvas, setCanvas....
1 Фев 2022 в 20:21
Показ белого пустого экрана с использованием контекстного API в React js. Я запускаю свой код, в котором нет ошибок, но когда я отправляюсь на localhost: 3000, я получаю пустой экран. Это файлы React js в проекте. Если я не использую Context-API, кодирование идет отлично. App.js import "./App.css"....
1 Фев 2022 в 19:31
У меня есть функциональный компонент, который принимает два элемента в качестве реквизита. Значения каждого свойства могут быть undefined, "", null, "null" или допустимой строкой (например, "test"). Мне нужно условно отображать эти реквизиты на основе значений Если присутствуют оба prop1 и prop2, т....
1 Фев 2022 в 19:27
Я создал компонент: const [address, setAddress] = useState({street: 'via roma', number: 2}) const onChangeAddress = (newAddress) => { setAddress(newAddress) } <Address initialAddress={address} onChange={onChangeAddress}/> Деталь компонента адреса: const Address = (props) => { const {addre....
31 Янв 2022 в 19:24
Я очень новичок, чтобы реагировать. Я пытался добавить модуль подписи в компонент React, и до сих пор все работало нормально. Модуль также предлагает несколько методов, таких как очистка холста. Моя проблема в том, что я понятия не имею, где установить функцию, чтобы вызвать ее позже в части ренд....
31 Янв 2022 в 14:48
Итак, я работал над API commerce.js. Но когда я нажимаю «Добавить в корзину», требуется некоторое время, чтобы обновить количество элементов корзины (из API), поэтому я подумал, что должен добавить кнопку загрузки, пока элементы корзины не загрузятся. Я нашел LoadingButton в @mui/lab и воспользова....
Я настроил useEffect для запуска только при изменении его зависимостей: useEffect(() => { localStorage.setItem("cart", JSON.stringify(cart)); }, [cart]) Но когда компонент рендерится в первый раз. Хук useEffect вызовет Почему?....
30 Янв 2022 в 20:51
У меня проблема, из-за которой хук useEffect() React в моем маленьком приложении React никогда не срабатывает. Когда приложение загружается, оно сначала переходит к index.js, который затем загружает компонент Dungeon. Так что в этом смысле это работает. Вы можете видеть, что у меня есть вызовы conso....
30 Янв 2022 в 20:19
При попытке получить некоторые данные с помощью функции async из S3 я получил эту ошибку: TypeError: Cannot read properties of undefined (reading 'setState') Что я пытаюсь сделать, так это выбрать файл с ПК, загрузить его на S3 и отобразить в моем доме. class Dashboard extends React.Component { ....
Я новичок, чтобы реагировать. Здесь я извлекаю данные из API и проверяю, присутствуют ли нулевые значения в одном из атрибутов. Если это так, код выдает ошибку «Модуль не найден». Ошибка выдается, но не перехватывается в блоке catch. Журнал в блоке catch не отображается при возникновении ошибки.....
30 Янв 2022 в 13:17
Я создаю приложение для игры в крестики-нолики в React JS, но useEffect в реакции ведет себя довольно странно для меня. это полный URL-адрес проекта: https://github.com/vyshnav4u/react-tic- носки Сниппет Возникла проблема Вы можете видеть, что я вызываю функцию isWinner внутри useEffect, при выпол....
Я немного запутался в том, как запускается useEffect и как он работает. Я написал такую ​​функцию, но useEffect вообще не работает. Я хочу получить данные из API, а затем отобразить страницу на основе данных. Но это не вызывает useEffect. Если я не использую useEffect, страница будет отображатьс....
Я хотел бы спросить, как получить данные с помощью эффекта использования. Поток, который я хочу, выглядит следующим образом. Сначала я хочу получить состояние 'cards', заполнить карточки данными, а затем уже после этого заполнить данные черезcardPromises. Но мой код не смог получить карточки и wo....
30 Янв 2022 в 09:48
Я делаю компонент комментариев, в котором я получаю данные из локального сохраненного файла json. Я импортирую данные в переменную data и устанавливаю в соответствующих полях значения моего состояния. Но когда я передаю данные через контекст, он говорит, что он не определен. < EM> data.json { "....
30 Янв 2022 в 09:47