Описание тега recompose

Recompose - это служебная лента React для функциональных компонентов и компонентов более высокого порядка. Думайте об этом как о lodash для React.
2 ответа

Как создать новую статическую функцию React getDerivedStateFromProps в качестве метода жизненного цикла, используя HoC в библиотеке перекомпоновки?

Недавно выяснилось, что скоро React станет устаревшей componentWillReceiveProps и на его месте новая статическая функция getDerivedStateFromProps, Подробнее здесь В настоящее время я переносю свои приложения на этот новый API, но у меня возникла про…
1 ответ

Как установить setState в методе жизненного цикла React для перекомпоновки?

Я использую рекомпозицию в моем проекте React https://github.com/acdlite/recompose/ Это отличная библиотека. Я использую compose Утилита в качестве компонента контейнера, который передает состояние вниз в качестве подпорки для компонента представлен…
14 янв '17 в 14:53
1 ответ

Как передать обработчики событий в React-node в приложении React-Recompose

Работает приложение по адресу: https://github.com/BeerDRinker/recompose-ref Следующий код (закомментированная часть в /src/App.js) работает должным образом: class App extends Component { constructor(props) { super(props); this.node = React.createRef…
22 окт '18 в 19:09
1 ответ

Ошибка создания HoC с React и перекомпоновкой

Ошибка при использовании перекомпоновки для создания HoC withState а также lifecycle: warning.js?8a56:36 Warning: React.createElement: type should not be null, undefined, boolean, or number. It should be a string (for DOM elements) or a ReactClass (…
1 ответ

Рекомендовать pure() против React.PureComponent

Чем отличаются pure() от библиотеки Recompose и React.PureComponent? Я предполагаю, что они по существу решают ту же проблему. Может кто-нибудь уточнить, пожалуйста?
28 сен '18 в 01:10
0 ответов

Перекомпоновать с помощью StateHandlers и TypeScript, тип реализации утечки в компонент?

Я пытаюсь обернуть функциональный компонент без сохранения состояния withStateHandlers от перекомпоновки. Я нахожу единственный способ сделать это, если я настрою реквизиты своего SFC, чтобы соответствовать некоторым аспектам withStateHandlers это "…
03 май '18 в 19:42
1 ответ

Как смоделировать импортный компонент React высшего порядка с помощью шутки и энзима?

Я пишу модуль для проекта, который представляет собой HOC, который обертывает приложение с несколькими HOC (используя функцию композитного воссоздания). Я пытаюсь проверить, что компоненты более высокого порядка на самом деле обертывают мое приложен…
1 ответ

Как получить поток данных для проверки типа данных, предоставленных ему из HOC?

Например: import { withProps } from 'recompose' type Props = { name: string, }; const NameTag = ({ name }: Props) => ( <p style={{color: 'pink'}}> { name } </p> ); const MyNameTag = withProps({ // i want a error here name: 1 })(NameTa…
09 авг '18 в 19:39
1 ответ

getContext и withContext не работает

Я пытался передать идентификатор в другой компонент с контекстом, но я получил неопределенный, где-то я делаю ошибку. Как я понимаю, мы должны получить контекст как реквизит. Есть идеи? import {compose,withContext} from 'recompose' const ComponentOn…
04 мар '17 в 23:19
1 ответ

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

У меня есть Slider компонент, который не обрабатывает свое собственное состояние, вместо этого он оборачивается в другой компонент под названием SliderDrag который управляет государством и передает реквизит Slider я использую withState от recompose …
1 ответ

Перекомпоновать и разделить код

Только что начали интегрировать перекомпоновку в большое веб-приложение и задались вопросом, есть ли способы оптимизировать размеры пакетов (в IE реализовано разбиение кода) с помощью перекомпоновки (веб-пакет в фоновом режиме)? Мой текущий вариант …
28 мар '17 в 17:58
1 ответ

Невозможно изменить состояние с помощью StateHandlers из перекомпоновать

У меня есть эта кнопка и играю с StateHandlers от перекомпоновки. Цель состоит в том, чтобы просто изменить состояние кнопки с активного: false на активное: true. const EnhancedButton = withStateHandlers( ({ initialState = false }) => ({ active: …
14 июл '18 в 02:09
1 ответ

Компонент Mutate для рендеринга детей

Я пытаюсь создать HOC, который добавляет всплывающую подсказку (позже может быть более многократного использования). Я придумал несколько рабочих решений, использующих другие методы, но я хотел бы сделать его максимально простым в использовании. В п…
16 июн '17 в 03:56
2 ответа

Google Maps React - Делаем мои маркеры кликабельными

Так что я немного заблудился и попробовал несколько кодов. Мне удалось реализовать маркеры, однако я думаю, что делаю что-то неправильное, чтобы сделать их кликабельными и отображать информационное окно.
1 ответ

Получить перекомпоновать локальную функцию отправки из withReducer в withHandlers

У меня есть компонент, который уже подключен к redux хранить и имеет dispatch вводится к нему. Я пытаюсь обновить локальное состояние компонента, используя withReducer а также withHandlers как это: const reducer = (state, action) => { switch (act…
22 мар '17 в 23:13
1 ответ

Тип HOC, который увеличивает компонент с его собственными свойствами?

Я пытаюсь ввести компонент высшего порядка (HOC), используя Recompose, и его тип HOC, используя Flow. Это мой код: // @flow import React from 'react'; import { compose, defaultProps, withProps, type HOC } from 'recompose'; type InnerProps = { text: …
27 мар '18 в 15:34
1 ответ

Typescript реагирует на типы реквизита

Я использую библиотеку реагировать-google-maps для API карт Google. Согласно документации, вот как я использую карты: const GoogleMapComponent: React.ComponentClass<{}> = compose( withProps({ googleMapURL: "url", loadingElement: <div style=…
0 ответов

Попытка создать HOC с функцией карри, но также должна принимать реквизиты данных GraphQL (реагировать, apollo, GraphQL, перекомпоновывать)

Я использую React, перекомпоновать и apollo GraphQL Я пытаюсь создать авторизацию пользовательского интерфейса (также будет присутствовать бэкэнд-аутентификация), чтобы позволить пользователям с определенной ролью заходить на страницы, на которые за…
20 фев '18 в 16:43
1 ответ

Тестирование рекомбинации с энзимом - проблема доступа к реквизиту

Итак, я искал ответ и до сих пор не нашел тот, который соответствует моему варианту использования. Я немного новичок в тестировании с Jest/Enzyme и очень новичок в тестировании с рекомпозицией. Я не знаю, как проверить мой функциональный компонент, …
07 мар '18 в 20:45
2 ответа

Почему и когда использовать перекомпоновать ветку?

Я искал вокруг и после прочтения некоторых вещей, я все еще не получил, когда я использую recompose branch над if-else Скажите в ответ или зачем вообще его использовать? Кто-нибудь может упомянуть хороший источник или объяснить это? Спасибо
16 дек '18 в 07:50