Вопросы по теме 'react-functional-component'
Как очистить значение поля ввода в функциональном компоненте без использования состояния?
У меня есть поле ввода, и я обрабатываю ввод через onKeyUp (поскольку мне нужно получить доступ к event.which ). Это прекрасно работает, поскольку я просто получаю содержимое ввода через event.target.value , но у меня возникают проблемы, когда я...
3334 просмотров
schedule
21.10.2022
Как решить проблему с закрытием при использовании функционального компонента React с React.memo?
Я использую функциональные компоненты React вместе с React.memo, но у меня возникла проблема, которая, на мой взгляд, связана с закрытием JavaScript. (Я также использую Immer для неизменности, но считаю, что это не влияет на ситуацию.)
Ниже...
1109 просмотров
schedule
07.01.2023
Функция React Состояние компонента - Слишком много повторных отрисовок. React ограничивает количество рендеров, чтобы предотвратить бесконечный цикл
Я новичок в React, я пытаюсь изучить состояние компонента функции React. Мне было интересно, почему нам нужно делать onClick={() => setCount(count + 1)} вместо onClick={setCount(count + 1)}
import React, {useState} from 'react';
function...
677 просмотров
schedule
04.12.2023
Могу ли я добавить асинхронную функцию в функциональный компонент React
Обратите внимание, что вопрос НЕ об асинхронном характере useState. Это асинхронный , и здесь хорошо дан ответ: useState set метод, который не отражает изменения немедленно . Не путайте это с этим! Я использовал useEffect, чтобы кнопка работала,...
649 просмотров
schedule
09.02.2023
Перемещение внешней библиотеки из класса на основе функционального компонента в React
Я использую библиотеку javascript JExcel с React. В документации описан подход с компонентами, но используется ReactDOM.findDOMNode() , который, как мне кажется, устарел.
Я пытался переместить его в функциональный компонент, но, хотя он якобы...
211 просмотров
schedule
06.06.2023
Как передать функцию из ФУНКЦИОНАЛЬНОГО в компонент КЛАССА и получить к нему доступ вне рендеринга (без опоры), используя контекст в React js?
Как я могу передать функцию из ФУНКЦИОНАЛЬНОГО в компонент КЛАССА, используя контекст в react js?
Мой код:
КОНТЕКСТ:
authContext.js
import React from 'react'
const AuthContext = React.createContext()
export const AuthProvider =...
918 просмотров
schedule
18.12.2022
Как мы можем остановить повторные вызовы в жизненном цикле componentDidUpdate () компонента на основе класса, как мы это делаем в хуке useEffect?
useEffect(()=>{
fetch(`${BASE_URL}/requested_url`)
.then(response => response.json())
.then(json => setData(json))
}, []);
Когда я использовал компонент на основе классов, мне приходилось использовать...
52 просмотров
schedule
03.01.2023
Реагировать на setState с обратным вызовом в функциональных компонентах
У меня есть очень простой пример, который я написал в компоненте класса:
setErrorMessage(msg) {
this.setState({error_message: msg}, () => {
setTimeout(() => {
this.setState({error_message: ''})
},...
149 просмотров
schedule
23.03.2023
разрешение сообщения об ошибке Ошибка: схема не содержит путь: шпинат. (сбой: undefined, тип: объект)
это форма пиццы.
Когда я нажимаю на радио, чтобы выбрать соус, страница вылетает.
желание состоит в том, чтобы пользователь назвал заказ.
тогда можно будет выбрать только 1 тип соуса.
затем выберите начинку
затем отправьте.
должна иметь...
522 просмотров
schedule
07.09.2022
специальный метод обработчика для динамически отображаемой формы
У меня есть 3 textFields materialUI, которые визуализируются n раз (n - это целочисленный ввод от пользователя перед визуализацией поля формы, здесь я сохранил его в переменной с именем groupMembersCount). Я использую функциональный компонент в...
45 просмотров
schedule
26.06.2022
Почему setState не работает в функциональном компоненте React
const [bullyTypes, setBullyTypes] = React.useState([
{ value: "Exotic", isChecked: false },
{ value: "Pocket", isChecked: false },
{ value: "Classic", isChecked: false },
{ value: "Standard", isChecked: false },
{ value: "Extreme",...
1410 просмотров
schedule
11.03.2023
React Native - как инициализировать OneSignal в компоненте функции без сохранения состояния?
Я прочитал установку OneSignal здесь: https://documentation.onesignal.com/docs/react-native-sdk-setup#step-5---initialize-the-onesignal-sdk . Документация написана в стиле классов компонентов.
Как добавить OneSignal в компонент функции без...
778 просмотров
schedule
07.10.2022
React Native не отображает поддержку, хотя данные доступны
Я только что запустил базовое приложение React Native, используя шаблон для представления с вкладками. Мне нужно иметь возможность сделать HTTP-запрос на получение некоторых данных, и я использовал пример из документации в качестве отправной точки....
60 просмотров
schedule
19.08.2022
Обработка события щелчка в компоненте без сохранения состояния и внутри функции карты
Я использую ReactJs, и у меня есть два компонента без состояния:
Родительский компонент получает список проектов
{currentProjectData.map((project) => (
<ProjectItem
key={project.projectid}
id={project.projectid}...
33 просмотров
schedule
26.12.2022
Невозможно передать реквизиты, такие как className или style, в реквизиты пользовательского компонента
Я работаю над созданием пакета NPM с поддержкой TypeScript, но у меня возникают проблемы с передачей общих атрибутов HTML в качестве свойств, таких как className и style , в мой компонент. Я надеялся, что мне не придется вручную добавлять каждый...
77 просмотров
schedule
23.07.2022
Стилизованные компоненты и функциональный компонент с использованием параметра стиля
Я просто спросил себя, в чем причина использования стилизованных компонентов вместо настраиваемого функционального компонента в реакции, кроме сохранения нескольких LOC. Пример кода:
const StyledButton = (props) => (
<button
style={{...
206 просмотров
schedule
13.04.2022
React-Native: когда использовать классовые или функциональные компоненты?
Я новичок в react/react-native и хочу разработать свое первое приложение. Во время программирования я увидел, что есть два разных способа объявить компонент. Как я понял, мне всегда приходится использовать класс-компоненты, если я хочу получить...
21 просмотров
schedule
27.02.2023
Как избежать повторного рендеринга после добавления элемента в список?
У меня есть функциональный компонент, который необходимо обновить.
export const VendorCategory = ({setShowProgress, user}) => {
const classes = useStyles()
const theme = useTheme()
const listElements = []
const [dummyCategory,...
37 просмотров
schedule
01.12.2023
Событие onClick не срабатывает на функциональном элементе
На всю жизнь я не могу понять, почему событие щелчка не срабатывает в моем функциональном компоненте.
Вот мой компонент:
import React, { useState, useEffect } from 'react';
import {
Collapse,
Navbar,
NavbarToggler,
Nav,...
154 просмотров
schedule
27.02.2023
Установить состояние из изменения реквизита в функциональном компоненте React?
У меня простой функциональный компонент реакции выглядит следующим образом:
import React, { useState } from "react";
import "./styles.css";
export default function App() {
return (
<div className="App">...
461 просмотров
schedule
04.02.2023