Горячая замена модулей на компоненты высшего порядка. Реагировать-Native

У меня проблема с HMR для RN. У меня есть HOC, который переходит к его компонентам стилей в качестве опоры. Вид компонента:

class View extends R.Component {
  render() {
    const { styles } = this.props;
    ... render view, styles.container
}

и у меня есть HOC

withTheme = stylesFn => Comp => class Wrapper extends R.Component {
  render() {
     return <Comp styles={stylesFn({ color: 'red' })} />

и мои styles.js, которые я передаю в HOC в качестве аргумента

export default theme => ({ container: { color: theme.color } });

и наконец как я это использую

import styles from './styles.js';
import withTheme from './withTheme';
import View from './View';

export default withTheme(styles)(View);

Всякий раз, когда я меняю styles.js, ничего не происходит. Я попытался отладить его, но я понял, что response-transform-hrm добавляет свойство isFunction ко всем HOC, а в дальнейшем response-hrm пропускает их. Я также попробовал функциональный плагин hmr для babel, не помогло. Есть ли кто-нибудь, кто решил эту проблему или знает, как ее решить? Благодарю.

0 ответов

Другие вопросы по тегам