Горячая замена модулей на компоненты высшего порядка. Реагировать-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, не помогло. Есть ли кто-нибудь, кто решил эту проблему или знает, как ее решить? Благодарю.