Описание тега higher-order-components
1
ответ
Как бы вы подождали, пока выборка внутри componentDidMount/componentWillMount будет перенаправлена? ReactJs
function PrivateRoute ({component: Component, authed, ...rest}) { return ( <Route {...rest} render={(props) => authed === true ? <Component {...props} /> : <Redirect to={{pathname: '/login', state: {from: props.location}}}/>} />…
21 июл '17 в 14:32
3
ответа
Экспорт компонента React с несколькими оболочками HOC?
У меня есть компонент React, который отображает стилизованный текст, и я хочу, чтобы он загружал сетевой ресурс, прослушивал ввод WebSocket и отображал уведомления. Чтобы сделать это, я пишу функции-оболочки компонентов высшего порядка для каждой из…
01 фев '18 в 18:38
1
ответ
Преобразование микшинов ES5 в компоненты высшего порядка
В моем проекте я пытаюсь избавиться от всех миксинов и заменить их на HOC. Я застрял с помощью ES5 на данный момент. export default React.createClass({ mixins: [SomeAsyncMixin], data: { item1: { params: ({params, query}) => { params: ({params, qu…
01 апр '17 в 18:48
2
ответа
Как создать новую статическую функцию React getDerivedStateFromProps в качестве метода жизненного цикла, используя HoC в библиотеке перекомпоновки?
Недавно выяснилось, что скоро React станет устаревшей componentWillReceiveProps и на его месте новая статическая функция getDerivedStateFromProps, Подробнее здесь В настоящее время я переносю свои приложения на этот новый API, но у меня возникла про…
17 апр '18 в 18:24
0
ответов
Попытка передать значения геолокации дочернему компоненту в React с помощью google-maps-реагировать
Я немного поработал над этим: я получил свою Карту для рендеринга в родительский компонент с помощью google-maps-реагировать, HoC и перекомпоновать, но я не могу передать значения геолокации от родителя к потомку. Пожалуйста, смотрите ниже (я доволь…
10 апр '18 в 05:02
1
ответ
Реакция - Родительский макет зависит от содержания детей
У меня есть ситуация, когда класс родителей зависит от того, есть ли у детей содержание. <div className="parent"> <div className="child1"></div> <div className="child2"></div> <div className="child3"></div> …
01 авг '18 в 18:25
0
ответов
Реализовать определенный сеанс тайм-аута на нескольких страницах веб-сайта - REACTJS
Предположим, есть 5 страниц сайта. Пользовательский поток будет 1->2->3->4->5->FINISH, Я хочу реализовать следующее: каждый раз, когда пользователь заходит на страницу 3, запускается таймер, и если он не завершает задачу в течение это…
24 янв '19 в 20:33
1
ответ
Размонтировать React Parent без размонтирования Child
Возможно ли отключить родительский компонент компонента React без отключения дочернего элемента? Какие обходные пути существуют для достижения этого результата? Конечно, должен быть какой-то (потенциально хакерский) способ сделать это. пример Когда …
16 май '18 в 22:21
1
ответ
Как проверить компонент, который отображает HOC или макет HOC в этом компоненте?
У меня есть компонент HOC. const SectionComponent = (ComponentToWrap) => { return function ComponentToWrapWithLoading({...props}) { const { isLoading, isLoaded, icon, title } = props; if (!isLoading && isLoaded ) return ( <div> <…
20 авг '18 в 21:41
1
ответ
Как смоделировать импортный компонент React высшего порядка с помощью шутки и энзима?
Я пишу модуль для проекта, который представляет собой HOC, который обертывает приложение с несколькими HOC (используя функцию композитного воссоздания). Я пытаюсь проверить, что компоненты более высокого порядка на самом деле обертывают мое приложен…
17 июн '18 в 14:00
2
ответа
Как я могу устранить эту ошибку в React+Material UI
При попытке запустить приложение в Mac и Ubuntu я получаю следующую ошибку. Но он работает без каких-либо ошибок на платформе Windows. Как я могу решить это. Есть ли какой-либо платформенный код в бета-версии Material UI (v1.0.0-beta.46). Я использо…
09 май '18 в 12:01
1
ответ
Как получить доступ к реквизитам и состоянию реагирования - выберите HOC
Я использую реагировать на выбор версии 2.0, чтобы создать выпадающий список с предопределенными элементами. У меня это связано с запросом Parse, который возвращает параметры с текстовым поиском. Моя проблема в том, что я не могу понять, как передат…
30 апр '18 в 15:35
1
ответ
Компонент высшего порядка принимает массив?
Я новичок, чтобы реагировать и Hocs шаблон. Я хотел объединить компоненты с <hr/> тег, чтобы каждый компонент был разделен линией. Так что я: import React, { Fragment } from 'react'; const withSeparator = (ComponentList) => () => ( <F…
22 дек '17 в 14:18
3
ответа
Реагировать - должен ли компонент высшего порядка быть записан как функция?
Я учу Реакт. Мне кажется, что HOC нравится следующий пример из официальных документов React: function withSubscription(WrappedComponent, selectData) { // ...and returns another component... return class extends React.Component { constructor(props) {…
20 янв '18 в 01:51
3
ответа
Как переписать реквизиты по умолчанию для компонента более высокого порядка?
У меня есть более высокий порядок, который имеет эти реквизиты по умолчанию: defaultProps = { className: null, duration: 400 }; Теперь у меня есть другой компонент, например <InnerBox /> который использует этот компонент высшего порядка в каче…
17 сен '18 в 02:41
1
ответ
Передача контекста React через HOC в обернутый компонент
Есть ли способ, которым вы можете передать контекст через компонент высшего порядка React компоненту, который он оборачивает? У меня есть HOC, который получает контекст от своего родителя и использует этот контекст для выполнения базового, обобщенно…
25 авг '17 в 02:10
1
ответ
TypeScript и React: как перегрузить компонент / декоратор более высокого порядка?
Я создаю приложение React с использованием TypeScript. Я пишу компонент более высокого порядка, и я хотел бы перегрузить его аргументы. Как я могу это сделать? Позвольте мне дать вам то, что я пытался, чтобы вы могли лучше понять это: const myHOC = …
28 ноя '18 в 07:49
1
ответ
Реагируйте один раз на вызов API для разработки нескольких маршрутов.
Я новичок в React и пытаюсь реализовать приложение. В основном мое приложение имеет несколько маршрутов. Каждый маршрут поддерживается одним и тем же набором внутренних данных + некоторые вызовы API, специфичные для маршрута, принимающие атрибуты да…
02 окт '17 в 03:54
1
ответ
Выполнить расчет в компоненте более высокого порядка в реагировать
У меня есть приложение реагирования, в котором я хочу выполнить условную проверку, а заданное значение определенного процента - это заданное значение. На данный момент я отображаю компонент Match в моем основном компоненте следующим образом <Matc…
10 дек '18 в 16:44
3
ответа
Передача реквизита компоненту высшего порядка
У меня есть компонент высшего порядка FormBuilder как это: const FormBuilder = (WrappedComponent) => { return class HOC extends React.Component { clearForm() { // ... } render() { return ( <Form onSubmit={//what do I say here?!}> <Form.I…
17 дек '18 в 15:46