Описание тега react-memo

Вопросы с тегом
1 ответ

Реагировать: как предотвратить повторный рендеринг дочерних компонентов в `map`?

Я попытался свести проблему к как можно более простому примеру: У нас есть список дочерних компонентов, каждый из которых называется NumChoice, каждый из которых представляет собой число. NumChoice завернут в React.memo. В родительском компоненте у …
04 мар '20 в 18:03
0 ответов

React.memo не работает с хуком useHistory?

У меня есть страница, завернутая в React.memo, и она загружается один раз и никогда не выполняет повторную визуализацию, как ожидалось, когда ее родительский повторный рендеринг const Toolbar = React.memo((props) => {........... Как только я нажи…
05 мар '20 в 10:42
2 ответа

React.memo и withRouter

Я хочу не перерисовывать свой компонент на определенных путях, пытаясь сделать это с помощью React.memo и проверяя текущий путь с помощью withRouter HOC. Функция сравнения в React.memo не вызывается. function compare(prevProps, nextProps) { console.…
28 мар '20 в 07:40
1 ответ

Ошибка при повторном рисовании компонента с мемоизированным компонентом React

Это мой компонент навигационной панели. Экспортирует мемоизированный. import * as PropTypes from 'prop-types'; import Style from './Navbar.module.scss'; import NavbarItem from './NavbarItem'; import React from 'react'; /** * @param items * @param ty…
04 май '20 в 23:57
1 ответ

React.memo и недействительность в функциональном компоненте не делают недействительными

У меня есть функциональный компонент React, обернутый React.memo следующим образом const SpeakerDetail = React.memo( ({ record, prop1 }) => {... Когда я вызываю этот компонент, я делаю это так const record = {prop1: 'abcd', prop2: 'efgh', prop3: …
25 июл '20 в 02:45
1 ответ

Не допускайте повторной рендеринга компонента с помощью пользовательских хуков

У меня есть кастомный крючок useWindowSizeкоторый слушает изменения размера окна. Как только размер окна станет ниже определенного порога, некоторый текст должен исчезнуть вMenu. Это реализовано в другом кастомном хукеuseSmallWindowWidth который при…
02 сен '20 в 14:17
1 ответ

React уходит от React.memo в пользу useMemo?

И то и другое React.memo и useMemohook позволяет оптимизировать производительность за счет сокращения пересчета и повторной отрисовки. Однако они определенно работают в том смысле, что React.memo используется для обертывания функционального компонен…
18 апр '20 в 20:41
3 ответа

Запретить повторный рендеринг внутри карты React

Я пытаюсь сделать клон netflix, когда я нахожу указатель мыши на изображение фильма, появляется трейлер этого фильма, возникает проблема, когда я наводю курсор мыши, у меня много одинаковых выходов в консоли. Я думаю, что эта проблема связана с тем,…
29 июл '20 в 23:40
4 ответа

как использовать React.memo с компонентом, содержащим дочерние элементы

Нужна помощь ~ У меня есть два компонента, и я обернул родительский элемент React.memo: Ребенок const Child = ()=> <div>I'm Child</div export default Child Родитель const Parent = (props)=> <div>{props.children}</div> expo…
13 мар '20 в 14:19
1 ответ

Повторно отображать только определенные дочерние компоненты в функции карты JSX

Я отображаю через массив, который возвращает компоненты JSX для каждого из элементов массива. Во время выполнения я хочу передать значения. Если они соответствуют стоимости отдельных элементов, их индивидуальный компонент изменяется. Я пытаюсь найти…
11 авг '20 в 01:22
1 ответ

Почему реквизиты, передаваемые в memo, не сохраняют значение

Я пытаюсь оптимизировать рендеринг моего списка React, используя функцию React memo для ручного сравнения свойств. Я создал список простых "переключателей": import React, { useState } from "react"; import "./styles.css"; import { Toggle } from "./To…
13 май '20 в 19:26
0 ответов

withRouter не работает внутри React.memo

У меня есть следующие компоненты: const A = () => return (<B/>) React.memo(A) ... const B = () => renderIsNotTriggeder after url change withRouter(B) Проблема в том, что когда я меняю URL-адрес, используя (history.push) Bне выполняется п…
07 апр '20 в 11:17
3 ответа

Я использую перехватчики React и React memo, чтобы предотвратить повторный рендеринг моего функционального компонента, но не работает?

Я использую React.memo для управления повторным рендерингом, но мой компонент все равно повторно рендерится. мой код вроде этого: в моем компоненте шаблона: const Template = (props: Props) => { const { propsValue, data } = props const [value, set…
21 июл '20 в 11:38
4 ответа

Проблема React.memo с Redux

У меня две составляющие. function Parent(props){ const handleClick = () => { console.log(props.stateA); }; return <div><Child text={stateB} handleClick={handleClick} /></div> } const mapStateToProps = (state) => { return { st…
29 сен '20 в 18:19
2 ответа

React.memo и машинописный текст

Я работаю над собственным приложением для реагирования. В настоящее время я использую компонент Item для отображения данных в плоском списке. Но редактор выдает ошибку для второго параметра React.memo, как показано ниже. Тип логическое | undefined'н…
05 дек '20 в 12:02
1 ответ

Объекты недопустимы как дочерние объекты React с React.memo

Я получаю следующие ошибки Warning: memo: The first argument must be a component. Instead received: object Uncaught Error: Objects are not valid as a React child (found: object with keys {$$typeof, type, compare}). If you meant to render a collectio…
19 окт '20 в 21:47
1 ответ

Как я могу принудительно обновить дочерний компонент React.memo?

Мой основной функциональный компонент выполняет огромное количество useQueries и useMutations для дочернего компонента, поэтому я установил его как React.memo, чтобы не вызывать повторный рендеринг при каждом обновлении. В основном, когда выбираются…
14 ноя '20 в 16:11
1 ответ

React Memo обновляет состояние родительского компонента

У меня есть такие компоненты, как показано ниже QuestionAnsPage.component(родительский) export interface FieldsDatatype { id: string | number; attributeId: string | number, mainQuestionFlg?: boolean; mainQuestionId: number | string, question: string…
17 сен '20 в 08:49
5 ответов

Предотвращение повторного рендеринга дочернего элемента, если родительский рендеринг выполняется повторно с помощью хуков

Мои данные bestSellerDummy не меняются, поэтому я хотел бы предотвратить повторную визуализацию одного и того же дочернего элемента Product при повторной визуализации родителя. Я пробовал использовать useMemo в родительском и React.memo в дочернем, …
15 ноя '20 в 09:09
1 ответ

Запоминание полученных результатов в компоненте

Я работаю над компонентом, который добавляет изображения к элементам. Вы можете загрузить собственное изображение или выбрать изображение, загруженное из API, в зависимости от имени элемента. Вот корневой компонент: const AddMedia = (props) => { …
08 ноя '20 в 11:43