Описание тега react-hoc
Используйте этот тег, когда у вас есть вопросы относительно HOC techinque, обычно используемого с React для обогащения существующих компонентов дополнительным поведением.
0
ответов
Загрузка файла во время выполнения через xhr throws error в React
Я использую реагирование-i18next в реакции, и перед запуском рендеринга компонента пакет пытается загрузить JSON-файл пакета ресурсов во время выполнения, и в этот момент возникает ошибка реактивного выброса. Ошибка - Add a <Suspense fallback=...…
25 июл '19 в 12:13
1
ответ
Множественные компоненты более высокого порядка в Gutenberg и ESNext
Я пытаюсь использовать HOC withInstanceId (для создания уникального идентификатора для использования в качестве идентификатора в HTML) и withColors(чтобы использовать палитру цветов на боковой панели) в Gutenberg, и я не уверен в правильности синтак…
08 ноя '19 в 01:05
2
ответа
Передать динамический заголовок общей функции HOC в reactjs
У меня есть один общий компонент для успеха - рендеринг этого компонента с помощью навигации по маршрутам. SuccessComponent.jsx var pageTitle; const SuccessComponent = (props) => { pageTitle = props.location.state.title; return( <> jsx code…
04 авг '20 в 14:00
0
ответов
Экспорт свойства из дочерних компонентов в родительский компонент с помощью HOC
Я хочу передать схему из дочерних компонентов, объединить схему и использовать ее в основном приложении (родительский уровень). Это в основном схема yup, которая находится на уровне компонентов, которую необходимо объединить из компонентов и использ…
24 окт '19 в 00:34
0
ответов
TypeError: render - это не функция, реагирующая на хуки
Я использовал Redux, но впервые работал с концепцией контекста поставщика и потребителя, работая над ней последние 2 дня. Ниже приведен код. Я хочу добавить поставщика и потребителя в один файл. Это возможно? Если да, то мой подход правильный? Если …
28 янв '20 в 10:48
2
ответа
React HoC - пропсы не передаются обернутому компоненту
У меня два компонента HoC. Сначала он должен служить некой оболочкой Layout, которая будет содержать некоторую логику для мобильного рендеринга и т. Д. const LayoutWrapper = (Component: React.FC<any>): React.FC<any> => { const Layout …
26 апр '20 в 12:45
1
ответ
как правильно использовать forwardRef с withRouter
Я просто попытался использовать forwardRef с withRouter(mycomponent) следующим образом: export default function App() { const childRef = useRef(); const childWithRouteRef = useRef(); useEffect(()=>{ console.log("childWithRouteRef",childWithRouteR…
12 май '20 в 06:51
1
ответ
Как обернуть класс в компонент более высокого порядка?
Мне было интересно, могу ли я обернуть компонент класса внутри hoc, у которого также есть класс. import React, { Component } from "react"; import { View } from "react-native"; import { Toast } from "react-native-easy-toast"; const withToast = Enhanc…
24 сен '19 в 18:36
1
ответ
Как выполнить несколько запросов с Apollo graphql HOC?
Я пишу веб-приложение, и мне нужно запросить локальное состояние Apollo, а также удаленный API. Аполлонgraphql HOC не позволяет отправлять несколько запросов, но предлагает некоторые composeфункция. Но кажется что@apollo/react-hocв пакете его нет. С…
07 окт '19 в 21:02
1
ответ
экспорт по умолчанию HOC(SampleComponent) не работает с функциональным компонентом React
Я не могу использовать функцию реакции HOC с функциональным компонентом. В приведенном ниже коде экспорт HOC по умолчанию ({component: SampleComponent}) не работает const SampleComponent: FC = () => { return (<div>Hello World</div>); …
12 апр '20 в 09:08
1
ответ
Как использовать перехватчики реакции, чтобы проверить реквизиты и отобразить нужный компонент? (HOC)
Изначально в реквизите нет страны собственности. Итак, мне нужно показать сообщение о загрузке, если в реквизите нет свойства страны, но проблема в том, что он продолжает отображать элемент загрузки, даже если страна свойства существует. Так что заг…
14 апр '20 в 14:11
0
ответов
Изменение содержимого панели навигации при проверке подлинности
Я пытаюсь изменить содержимое панели навигации с входа / регистрации на другие вещи, такие как профиль, после входа пользователя в систему. Мой сервер отправляет 401, когда пользователь не вошел в систему, и у меня есть HOC (RequireAuth.js), который…
09 июн '20 в 23:45
0
ответов
ленивая реакция и тип HOC, тип 'unknown' не может быть назначен типу 'ComponentType <any>
Привет, ребята, я новичок в машинописном тексте и немного запутался, поэтому буду признателен, если вы мне поможете. как вы видите ниже мой домашний функциональный компонент import React from 'react' import ComponentWrapper from "../../Hoc/Comp…
08 июл '20 в 08:33
0
ответов
Компонент высшего порядка на основе класса React работает, но не работает с хуками
Я написал как функциональную, так и основанную на классах компонентную функцию высшего порядка для React. Работает версия на основе классов, где точный перевод в функциональную форму с хуками не работает. Может кто-нибудь объяснить, где я ошибся, об…
09 июл '20 в 17:33
0
ответов
Передача функции из HOC в обернутый компонент приводит к бесконечному циклу
Я хочу сделать HOC с обработчиком axios, поэтому мне не нужно обрабатывать все возможные отзывы из ответа (404200401, ответ и т. Д.) вот мой withFetchingAxios: export default (Component)=> class extends React.PureComponent{ constructor(props) { s…
11 авг '20 в 11:21
1
ответ
Как я могу обновить все компоненты React, используя контекст без поставщика?
Учитывая этот простой кастомный хук import React, { createContext, useContext } from 'react'; const context = { __prefs: JSON.parse(localStorage.getItem('localPreferences') || null) || {} , get(key, defaultValue = null) { return this.__prefs[key] ||…
19 авг '20 в 21:23
1
ответ
Реагировать: axios.interceptors не работают однозначно
Axios .interceptors в hoc withErrorHandler работают для метода clicked в App.js, но не работают для componentWillMount или componentDidMount в App.js. Как я могу это исправить? App.js class App extends Component { componentDidMount() { axios.get('ht…
13 фев '20 в 11:09
1
ответ
Реагировать на HOC для обработки сбоя API дочернего компонента
Я использую компонент из библиотеки, которая принимает accessTokenкак реквизит. подобно <AnalyticsChart accesstoken={this.state.token} />и на основе токена он выполняет вызов API и отображает пользовательский интерфейс на основе результата. Те…
21 фев '20 в 06:53
1
ответ
useEffect не устанавливает данные для состояния в функциональном компоненте
У меня есть функциональный компонент, обернутый HOC. Он возвращает некоторые реквизиты после вызова API. Как мне установить состояние в моем дочернем компоненте (функциональном). const withEditHoc = (WrappedComponent, actioneffects) => { class HO…
06 мар '20 в 14:36
1
ответ
Реагировать на вывод типа HOC
Я хотел бы создать функцию высшего порядка, которая возвращает компонент более высокого порядка. В приведенном ниже примере я создал validateSearchParamsfunction, которая создает функцию, которую затем можно использовать для обертывания компонента. …
23 мар '20 в 18:52