У меня есть функция, которая проверяет, истек ли срок действия рецепта. Я отображаю массив рецептов и показываю их в компоненте таблицы. Как показать компонент, только если функция возвращает & .......
Каждый раз, когда я нажимаю на IconButton, все строки расширяются, хотя на самом деле я хочу, чтобы он расширял только конкретную строку, на которой я щелкнул по ней. В чем проблема, ребята? Вот мой код: const [open, setOpen] .......
С базовым макетом формы / ввода ясно, что обратный вызов должен использоваться для изменения состояния от дочернего к родительскому (инициированного дочерним элементом), но как родитель может попросить дочерний компонент повторно оценить его .......
У меня простой функциональный компонент реакции выглядит следующим образом: import React, { useState } from "react"; import "./styles.css"; export default function App() { return ( <div className="App"> <Test children={ <React.Fragment> <label>Name: </label....
Я собираюсь обновить состояние, когда прокручиваю нижнюю часть div. Мне удалось обнаружить, что пользователь прокручивает нижнюю часть div, но при обновлении состояния всегда регистрируется начальное значение. Вот мой код. const ExampleApp = () => { const [value, setValue] = useState(0); useEf....
Вот что я пытаюсь сделать: Выполните поиск в таблице через панель поиска и попросите вернуть отфильтрованных пациентов при текущих изменениях. Вернуть всех пациентов в обычном режиме до выполнения поиска, если в строке поиска есть пустая строка или если пользователь нажал кнопку отмены поиска. Вот в....
Я новичок в реакции на родных. Я создал 3 экрана. один - логин, из которого я перехожу на 2 экрана. первый экран - это компонент на основе классов, а второй экран - компонент на основе функциональности. Теперь я могу получить .......
Я хочу создать общий функциональный компонент, но получаю это : Блок кода; interface IAppTable<Type> { height: number; data: Type[]; tableLayout: 'auto' | 'fixed'; pagination?: false; } const AppTable: <T>(props: IAppTable<T>) => React.FC<IAppTable<T>> = (props) => { const [selectedRows, ....
Я пытаюсь извлечь значение из файла json только один раз. Это означает, что я не хочу, чтобы он выполнял ту же работу после повторной визуализации компонента. Я пробовал делать это с помощью useEffect (), хотя по какой-то причине .......
Обратите внимание, что в более надежной ситуации вы можете захотеть присвоить каждому элементу выполнения идентификатор ID. Затем вы можете отфильтровать на основе этой идеи. Но для этого базового сценария фильтр на основе индекса работает нормально. import React, { useState } from 'react'; cons....
На всю жизнь я не могу понять, почему событие щелчка не запускается в моем функциональном компоненте. Вот мой компонент: import React, { useState, useEffect } from 'react'; import { Collapse, Navbar, NavbarToggler, Nav, NavItem, NavLink, } from 'reactstrap'; import className....
Я пытаюсь создать фильтр данных с помощью перехватчиков React. Я действительно не понимаю, почему этот код создает бесконечный цикл, когда я вызываю setEnteredFilter. LoadedData - это массив, содержащий некоторые объекты, и мне нужны только те объекты, для которых идентификатор соответствует тому,....
У меня есть следующий функциональный компонент React: const MyComp = (props) => { const [dict, setDict] = useState({}); const myFunc = () => { [1, 2, 3].forEach(x => { fetch('something' + x) .then(res => res.json()) .then(res => { setDict({...dict, [x]: res.y....
Если бы я хотел следовать принципам FP, должны ли мои внутренние функции быть чистыми в этом компоненте React Function? Или это нормально из-за природы этого компонента и того факта, что это функциональный компонент? (потому что, вероятно, я ошибаюсь в своем техническом описании, что это тип закры....
Я пытаюсь найти замену методу ComponentWillMount на useEffect. Но переменная panresponder не создается до первоначального рендеринга. Кто-нибудь может сказать мне, делаю ли я здесь какие-нибудь ошибки? без useEffect страница отображается. жесты не фиксируются. const makeup = () => { ....
Рассмотрим код ниже function getChildIndex(){ //logic here } //render <div> {Array.from({length: 3}).map((item,index) => ( <div onClick={getChildIndex}/> ) )} </div> Он будет отображаться следующим образом <div> <div> //with click event // 1st Child <div> //....
У меня есть функциональный компонент, который нужно обновить. export const VendorCategory = ({setShowProgress, user}) => { const classes = useStyles() const theme = useTheme() const listElements = [] const [dummyCategory, setDummyCategory] = useState({ "Test1": [ ....
Я учусь использовать Typescript с функциональными компонентами React (модальный компонент Bootstrap) и запутался в том, как правильно определять интерфейс Typescript для компонента при использовании анонимной функции. В этом примере ниже компонент TheModal передается в виде логического show и аноним....
Можно ли создать прослушиватель событий в функциональном компоненте, а затем вызывать его из консоли Chrome? Например: const Component = () => { const [hook,setHook] = useState(); const handlerFunction = (arg) => { console.log(arg); } // how to add an event listener? return <d....
Проблема Функциональный компонент вызывает несколько повторных отрисовок, вызывая несколько запросов ajax. Какое решение для этого? Это мой код. export default function MyMenu() { let menu = useStoreState(state => state.menu.menu); const getMenu = useStoreActions(actions => actions.menu.get....
Я новичок в реакции и решил попрактиковаться, реализовав простой секундомер, используя как классовые, так и функциональные компоненты. Я успешно реализовал секундомер, используя компонент класса. Ниже приведен код: Компонент класса class Stopwatch extends Component { state = { status: fals....
Я хочу создать функциональный компонент, который принимает хук и его функцию Set в качестве параметров и создает связанный ввод, используя эти поля (наряду с некоторыми другими полями). Возникли проблемы с передачей операторов распространения (как указано в "Learning React, 2nd edition"). Соответс....
Недавно я провел рефакторинг своего приложения, заменив компоненты класса функциональными компонентами, и у меня возникли проблемы с некоторыми последними вещами. Мой Home.js выглядит следующим образом (упрощенно): // imports.... import { StartStopButtons } from "../components/Button"; export defau....
24 Янв 2021 в 23:56
В настоящее время есть компонент всплывающего окна, отображающий двойной щелчок с использованием обработчика onDoubleClick(). Но я бы хотел закрыть это всплывающее окно при двойном щелчке компонента всплывающего окна, но я не могу заставить его работать. Вот что я пытался, мыслительный процесс закл....
Здесь я создал структуру стека. Как вы можете видеть, я сделал таймер с функцией SetInterval в Home.js. Функция SetInterval работает в Home.js, но она продолжает работать, когда я перехожу на страницу сведений. Как можно остановить, когда я переключаюсь на страницу сведений? < Сильный > Router.js i....