Описание тега react-functional-component

Функциональные компоненты в React — это простые функции JavaScript, которые используются в качестве компонентов React. У них есть доступ к функциям компонента через хуки. Используйте этот тег для вопросов, касающихся использования или поведения функциональных компонентов. Не используйте этот тег, если вопрос просто использует их, но не спрашивает о них конкретно.
1 ответ

переменная состояния имеет неправильное значение в функциональном компоненте

Я пытаюсь добавить и удалить поле ввода в форме. Я буду управлять этим ящиком с помощью хука useState. У меня нет проблем с добавлением переменной состояния, но когда я хочу удалить из переменной состояния, переменная состояния имеет неправильное зн…
2 ответа

Хуки могут вызываться только внутри тела функционального компонента. (fb.me/react-invalid-hook-call)

import { useEffect } from "react"; export const Routes = () => { useEffect(() => { console.log("red") }, []); const a = [{ name: "sathish" }]; const b = [{ name: "pandi" }]; const c = [{ name: "sure…
3 ответа

Как использовать методы / функции жизненного цикла в React Hook?

Что не так со следующим компонентом? Выдает ошибку, в то время как исходная версия на основе класса с методами жизненного цикла работает нормально? import React, { useState, useEffect } from "react"; import axios from "axios"; const NewsHook = ()=&g…
1 ответ

Как перезапустить React Joyride Tour после его завершения в функциональном компоненте?

Я пытаюсь вернуть для атрибута run Joyride значение false после завершения тура, но не знаю, как это сделать. Я пробовал использовать их функции обратного вызова, но не могу найти примера, когда вы используете функциональные компоненты. Вот мой код …
2 ответа

React: Как создать в функциональных компонентах функцию, зависящую от состояния?

В моем приложении есть такой компонент: const MyComponent = props => { const { attrOneDefault, attrTwoDefault, formControl } = props; const [inputValue, setInputValue] = useState({ attr_one: attrOneDefault, attr_two: attrTwoDefault }); const getV…
3 ответа

состояние не может быть установлено в функциональном компоненте

Я отправляю параметр dataSource в текущий функциональный компонент, dataSource имеет данные, но состояние chartOptions не может быть установлено. Благодарность... import React, { useEffect, useState } from "react"; const Trend = ({ dataSource }) =&g…
21 янв '20 в 14:18
7 ответов

Uncaught ReferenceError: регенераторВремя выполнения не определено в React

Я получаю сообщение об ошибке "Uncaught ReferenceError: refreshratorRuntime is not defined". Пожалуйста, помогите мне найти ошибку и как ее решить. введите описание изображения здесь
0 ответов

Предупреждение: React.createElement: ожидал строку (для встроенных компонентов) или класс / функцию (для составных компонентов), но получил: объект

Я новичок в React и столкнулся с какой-то проблемой и получил ошибку: - Предупреждение: React.createElement: тип недействителен - ожидалась строка (для встроенных компонентов) или класс / функция (для составных компонентов), но получил: объект. Ошиб…
1 ответ

Значение React useState не обновляется в обратном вызове ref

У меня есть функциональный компонент под названием SignUp он использует Google recaptcha для защиты формы регистрации. Signup создает ссылку, указывающую на Recaptcha компонент и объявляет функцию обратного вызова onResolved что указывает на метод ф…
1 ответ

Как удалить прослушиватель событий в контексте перетаскивания компонента React

В mousemove не кажется должным образом удаленным из document при отпускании мыши. https://codesandbox.io/s/dragondrop-dqs46
1 ответ

как получить, получая из axios, данные в useState с помощью функционального компонента реакции

Я работаю над реакционным проектом, созданным jhipster. Когда я выполняю запрос на получение из моего rest api. GET http://localhost:8080/api/account Accept: */* Cache-Control: no-cache Authorization: Bearer bearerValue Я получаю такой ответ: HTTP/1…
3 ответа

При доступе к переменной состояния из useCallback значение не обновляется

В определенном месте моего кода я обращаюсь к переменной состояния моего компонента из обратного вызова (UserCallback), и я обнаружил, что переменная состояния не обновилась по сравнению с начальным значением, и обратный вызов относится к начальному…
2 ответа

Проблема, связанная с вызовом функциональных компонентов в ReactJS

На запустив реакцию веб - страница h1 первым печатаются, но h1 вторые не печатаются Кроме тогоrenderDishDetail а также renderCommentsне вызываются.Я новичок в ReactJS и изучал функциональные компоненты. Я преобразовал компонент своего класса в функц…
3 ответа

Как обновить данные родительского компонента после обновления базы данных?

У меня примерно следующая структура компонентов: const [data, setData] = useState([]); useEffect(()=>{ //update data from api }, []) return <Switch> <Route exact path={`${match.path}`}> {data.map(row=> <Link to={`${match.url}/${…
2 ответа

динамически отображать массив с разными метками внутри функции return response js

Я пытаюсь отобразить значения из массива в разных местах в функции возврата на странице, используя приведенный ниже код return ( <div style={{ margin: 30 }}> <div className="form-group form-inline"> <label style={{ display: 'margin-ri…
0 ответов

Как я могу использовать типы свойств компонентов в качестве типов?

Я создаю карточную игру с помощью react и хочу иметь возможность использовать составной компонент следующим образом: <Card className="card" component={CustomCard} style={{x,y}} /> В "Функциональном компоненте высшего порядка" я хочу добавить к…
1 ответ

Как заставить цикл for работать в функциональном компоненте reactJS

Мне было интересно, могу ли я получить некоторую помощь, в настоящее время я пытаюсь переучить ReactJS, и я работаю над этой задачей, это небольшое приложение, которое поможет детям выучить их таблицы умножения. Когда пользователь нажимает на число …
2 ответа

TypeError: in props.onStartGame(selectedNumber) , 'props.onStartGame' is undefined

I am following this module on Alex Macmillian's Udemy COurse on react native: In the 65th module, I am getting this error: error screenshot import React, { useState } from "react"; import { View, StyleSheet, Text, TouchableWithoutFeedback, Keyboard,…
3 ответа

Удалить объект из массива?

Удалить объект из массива не работает должным образом, но он отлично добавляет объект const addItem =(selected)=>{ let data = selectedItems ? [...selectedItems] : []; if (data.length) { let index = data.indexOf(selected); console.log(index); if (…
2 ответа

React Hook React.useEffect errol

React Hook У React.useEffect отсутствует зависимость: params.id. Либо включите его, либо удалите массив зависимостей react-hooks/excustive-deps. Эта ошибка возникла во многих местах моего проекта. Образец изображения import React, { Fragment } from …