React Hooks — это функция, которая позволяет разработчикам использовать состояния и другие функции жизненного цикла компонентов React без написания компонента на основе классов.
react-calendar-timeline позволяет использовать опору itemRenderer, которая может использоваться для рендеринга пользовательской временной шкалы items. Это работает так, как должно, пока я не попытаюсь вызвать хук useState внутри метода itemRenderer.
Я предполагаю, что ошибка возникает из-за того, ...
25 Сен 2023 в 20:36
Я только начинаю работать с ReactJS, и у меня есть очень серьезное сомнение, которое я не могу обойти, не манипулируя некоторыми сложными вещами, которые я еще не понимаю (согласно некоторым ответам здесь)
Вот краткий пример моей проблемы:
У меня есть конкретная реализация, в которой «{console.log('...
25 Сен 2023 в 16:40
Я проверяю дату рождения, используя шаблон и сообщение при вводе даты рождения, но теперь я хочу добавить еще одну проверку того, что возраст должен быть больше 16 лет. Я написал специальную функцию, но она не работает
Validation={{ шаблон: /^(0[1-9]|[12][0-9]|3[01])/(0[1-9]|1[0-2])/(19\ d\d|20\d\...
25 Сен 2023 в 13:17
В настоящее время я использую RTK-запросы для своего проекта и не могу понять, как протестировать ComponentTwo.
Ниже приведен документ из документа RTK Query, и это тот же сценарий, в котором я нахожусь.
Что касается меня, в ComponentOne я использовал триггерную функцию updatePost, чтобы получить от...
25 Сен 2023 в 09:49
У меня есть родительский и дочерний компонент. Дочерний компонент — это всплывающее окно, отображаемое на основе реквизитов значений родительского состояния. дочерний компонент — это всплывающее окно, которое отлично отображается при исходном сообщении с сервера и меняет состояние родительских рек...
25 Сен 2023 в 04:14
Итак, я делаю небольшой проект публикации в блоге и в нем вызываю API для состояний «основной блог» и «связанные блоги». Когда я пытаюсь передать mainBlog компоненту «Post», при перезагрузке выдается ошибка, в которой говорится, что мой mainBlog имеет значение null (что является исходным состоянием...
24 Сен 2023 в 22:14
2
Создана функция загрузки, которая работает, но не может вернуть состояние использования из функции.
Я пытался решить эту проблему некоторое время и сократил ее до минимума, который только мог, у меня есть эта страница
import React, { useState } from "react"
import useUploader from "./uploaderexample"
function Uploadpage() {
// Handles file selection
const changeHandler = (e) => {
setFiles...
24 Сен 2023 в 18:35
Я пытаюсь узнать об использовании localStorage в ReactJS. Мне удалось сохранить данные внутри массива; однако я столкнулся с небольшой проблемой: каждый раз, когда я перезагружаю страницу, в localStorage добавляется больше пустых объектов.
Я не уверен, что я делаю неправильно в своем коде. Если у...
24 Сен 2023 в 14:12
Я пытался оптимизировать свой код реагирования, моя цель — убедиться, что существующие компоненты всплывающего уведомления не перерисовываются при добавлении новых. или когда я удаляю один тост, остальные не отображаются повторно. все тосты хранятся в поставщике тостов.
Текущее поведение:
Всякий р...
24 Сен 2023 в 12:47
У меня есть компонент, который генерирует серию элементов на основе массива game_letters, длина которого определяется другим массивом Letter_of_rec, содержащим различное количество букв. Когда пользователь вводит букву, функция сравнивает введенную букву с тем же индексом в Letter_of_rec, чтобы уви...
24 Сен 2023 в 01:21
У меня есть приложение-реактор, которое позволяет загружать несколько файлов на базу. Я пытаюсь создать компонент для повторного использования, однако столкнулся с проблемой, из-за которой я не могу вернуть функцию, а также araay usestate.
const useUploader = (data, foldername) => {
const [upLoa...
23 Сен 2023 в 19:41
Я делаю компонент React.js с Tailwind CSS. Я хочу изменить цвет фона выбранного элемента в зависимости от выбранного параметра. Это то, что я пробовал:
import { useState } from "react";
export function Options() {
const [selectedColor, setSelectedColor] = useState("");
const handleSelectCha...
23 Сен 2023 в 02:02
Я пытаюсь создать менеджер веб-сокетов, используя крючок реагирования, который другие компоненты могут использовать для управления сеансами веб-сокетов с помощью простой библиотеки, например:
export const useWebsocketSession = (onMessage: (data: string) => void) => {
const [session, setSession] =...
22 Сен 2023 в 23:15
У меня есть два компонента, которые
<EnemyHand key={2} player_money={playerMoney} />
<EnemyHand key={3} player_money={playerMoney} />
const [playerMoney, setPlayerMoney] = useState(0);
function updatePlayerMoney() {
setPlayerMoney(playerMoney + 10);
}
<button onClick={updatePlayerMoney}>money...
22 Сен 2023 в 22:43
В документах https://react.dev/learn/preserving-and-resetting-state
Что касается примера 1, в документах упоминается:
Для React важна позиция в дереве пользовательского интерфейса, а не в разметке JSX!
Компонент App возвращает <div> с <Counter /> в качестве первого дочернего элемента. В React эти ...
22 Сен 2023 в 19:36
У меня есть общий компонент React для раскрывающегося списка, который отображает несколько динамических полей (на основе ответа сервера).
const dropdownFld = watch(field.id); //Returns object {"text": "", "code": ""}
useMemo(() => {
handleMyFieldChange(field.id, valueFrom(dropdownFld ));
}, [dr...
22 Сен 2023 в 18:31
У меня есть форма в React с несколькими контролируемыми вводами.
Я всегда читал и создавалось впечатление, что отдельно меняющиеся состояния нужно хранить отдельно:
Например:
const [text1, setText1] = useState();
const [text2, setText2] = useState();
const [text3, setText3] = useState();
Однако теп...
22 Сен 2023 в 17:12
У меня возникли проблемы с обновлением моего состояния с помощью хука «useReducer». Я хочу обновить состояние с начальным значением с помощью функции редуктора. Начальное значение представляет собой массив объектов, и редуктор имеет тенденцию обновлять только объект при нажатии кнопки. вот соотве...
22 Сен 2023 в 17:00
Я пытаюсь визуализировать блок HTML после успешной установки переменной состояния. Для этой цели ниже я определил переменные состояния и функции для установки им значений.
const formService:FormService=new FormService();
const [appointmentDate, setAppointmentDate] = useState<Appointmen...
22 Сен 2023 в 10:23
Я создаю приложение реагирования и хочу сохранить несколько фотографий в Firestore. Для этого я хочу взять их URL-адрес в массиве imageurl: [], чтобы сохранить их в Firestore.
const [data, setData] = useState({
name: "",
phone: "",
location: "",
imageurl:[],
})
Зд...
22 Сен 2023 в 08:08
Я работаю над базой кода, которая имеет компоненты на основе классов и перехватывает другие компоненты.
У меня есть компонент класса, у которого есть кнопка внизу дерева и перехватчик, который отправляет некоторые данные, когда я нажимаю на него.
Как это:
class Navigation extends React.Component {
...
22 Сен 2023 в 07:48
Давайте представим, что на экране есть два поля ввода. Когда в качестве входных данных указаны два числа, наше приложение реагирования автоматически отображает результат, рассчитанный с помощью функции calculateResult.
Значение каждого поля хранится в состояниях num1 и num2 соответственно. setNum1...
21 Сен 2023 в 14:44
Я пытаюсь использовать библиотеку async-mqtt, чтобы использовать протокол MQTT в приложении Next.js. Я получаю сообщения MQTT, как и ожидалось, когда я их регистрирую, я вижу их в локальном терминале (не в браузере).
В основном я пытаюсь просто использовать метод setData useState, который я создал....
21 Сен 2023 в 13:49
PropertyDetails.jsx
import React, { useState, useEffect } from 'react';
import { useParams } from 'react-router-dom';
import axios from 'axios';
import '../styles/propertydetails.css';
import Navbar from '../components/Navbar';
import Footer from '../components/Footer';
function PropertyDetails() {...
21 Сен 2023 в 12:45
Я делаю Nextjs. приложение, и в моем приложении у меня есть заголовок, который содержит изображение, и это изображение извлекается из БД.
useEffect(() => {
const data = JSON.parse(localStorage.getItem('userData'))
data.profilePic === null
? setDp('')
: setDp(`https://check...
21 Сен 2023 в 11:39