Вопросы по теме 'react-functional-component'

Функциональные компоненты внутри и снаружи класса React
Мне интересно, каковы эффекты соединения/вложения функционального компонента внутри компонента класса React без явной передачи ему реквизитов через параметры и использования this.props через родительский класс. Я понимаю, что наличие...
462 просмотров

Как создать и сохранить значения нескольких входов в динамической форме?
У меня есть форма, в которой пользователь может генерировать новые входные данные для формы, которую он хочет отправить, однако я застрял в обработке значений новых сгенерированных входных данных, поскольку мне нужно сохранить их в файле state ....
433 просмотров

Reactjs: передать функциональный компонент другому функциональному компоненту, чтобы
Я разрабатываю приложение для реагирования js, используя функциональные компоненты. Я пытаюсь повторно использовать компоненты в коде. У меня есть компонент Frame , в котором есть Sider и Header. Я пытаюсь добавить компонент Content в этот кадр...
317 просмотров

Компонент React Child не отправил обновленное состояние от родителя
Я пытаюсь следовать руководству по реакции на их официальном сайте: https://reactjs.org/tutorial/tutorial.html Единственная разница в том, что я пытаюсь реализовать это, используя только функциональные компоненты, вот мой код на ручке кода:...
64 просмотров

Перебор массива элементов формы в React
У меня есть функциональный компонент React с формой, onSubmit я хочу перебрать все элементы формы.... export default function TransactionFilter() { return ( <form onSubmit={handleSubmit}> <TextField id="username"...
787 просмотров

Компонент класса к функциональному компоненту
Как преобразовать этот компонент класса в функциональный компонент? Я пытаюсь подписаться и отказаться от подписки на firebase с помощью useEffect () class PostsProvider extends Component { state = { posts: [] }...
42 просмотров

React js обновляет функциональный компонент после получения всех данных
Я использую функциональный компонент реакции и получаю внешние данные внутри цикла for. Проблема в том, что компонент обновляется бесконечно. Ниже показано, что я пытаюсь сделать: const SongGrid = (props: any) => { const [songData,...
752 просмотров
schedule 23.06.2022

Вызов API перед первым рендерингом в функциональном компоненте в React.js
Если я хочу вызвать API после первого рендеринга компонента, я знаю, что у нас есть хук useEffect для вызова метода API. (Я говорю только о функциональных компонентах. Без классового компонента). Есть ли способ, которым я могу вызвать API до...
5563 просмотров

Как сравнить два типизированных объекта (с интерфейсом) в React?
Необходимо получить дельту (ключ/значение) измененных атрибутов между двумя объектами. Код машинописный. Два объекта были созданы одним и тем же интерфейсом. export interface ITestObj { att1: string; att2: string[]; att3: string; }...
551 просмотров

Передача информации из формы в функцию React js
Я новичок в реагировании и js, и я хочу создать форму редактирования, содержащую некоторую изменяемую информацию, которую позже можно будет опубликовать в API с помощью Axios. дело в том, что я не ввожу свою функцию, когда нажимаю кнопку отправки, и...
18 просмотров

React Portal не генерирует дочерние элементы в функциональном компоненте
У меня есть простой компонент портала реакции. Сначала я написал это в компоненте класса, и все работает очень хорошо. Но я решил переписать это в функциональную составляющую. И после этого портал генерирует только div внутри портала div #, но без...
364 просмотров

«Свойство не существует» в функциональном компоненте с добавленными функциональными компонентами в качестве свойств?
Я использую React с Typescript и функциональный подход. const Divider: React.FunctionComponent<CardDividerProps> = (props: CardDividerProps) => ( <div> divider </div> ); const Card:...
639 просмотров

Рендеринг компонента React внутри шаблонных литералов с использованием Ref
Я обновляю innerHTML , используя атрибут Ref в реакции. У меня есть компонент с именем <Spinner> , который я хотел бы вставить в элемент div , как показано ниже: const Drop = () => { const loadRef = useRef(); const...
71 просмотров

почему мой React useState не обновляет мои компоненты?
Я уверен, что это просто мое непонимание React, но я пытаюсь обновить компонент после обновления состояния (что происходит асинхронно). const [appState, setAppState] = useState({ countries: null, languages: null }) useEffect(()...
69 просмотров
schedule 21.06.2022

Зачем использовать Object.assign () для обновления изменений свойств функциональных компонентов?
У меня есть список студентов, и я показываю их на столе. Есть две кнопки, которые указывают, по какому значению следует отсортировать список (имя или дата рождения). Когда нажимается кнопка и я сортирую список, сам список сортируется, но он не...
141 просмотров

Почему начальное состояние снова и снова устанавливается в хуке useState реакции
Я создал функцию, которая прослушивает событие изменения размера, проверяет ширину окна и обновляет переменную IsMobile if(width‹=600 и IsMobile = false), а затем устанавливает для нее значение true и наоборот. вот код: import React, { useEffect,...
89 просмотров

как преобразовать компонент класса в компонент функции с помощью хуков в reactjs
Мой код в компоненте класса Я все еще новичок в изучении React, и мне трудно преобразовать компоненты класса в функциональные компоненты. class App extends React.Component { handleChange = (e) => { const { name, value } = e.target...
42 просмотров