react-native: Nested stateless components do not hot reload
- Provide a minimal code snippet / rnplay example that reproduces the bug.
import React, { Component } from 'react';
import {
AppRegistry,
View,
Text
} from 'react-native';
const ThisWillNotHotReload = () => {
return (
<Text>If change this text, it will not hot reload.</Text>
)
}
const BugTest = () => {
return (
<View style={{
flex: 1,
justifyContent: 'center',
alignItems: 'center'
}}>
<ThisWillNotHotReload />
</View>
)
}
AppRegistry.registerComponent('BugTest', () => BugTest);
- Provide screenshots where appropriate
Stateless components:
Same but with a class:
- What’s the version of React Native you’re using?
0.28.0
- Does this occur on iOS, Android or both?
both
- Are you using Mac, Linux or Windows?
Mac
About this issue
- Original URL
- State: closed
- Created 8 years ago
- Reactions: 10
- Comments: 24 (2 by maintainers)
Bump! +1 on v0.40 (Styling RN apps without HMR is a pain in the 💨 )