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: hotreloadnotworking

Same but with a class: hotreloadworking

  • 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)

Most upvoted comments

Bump! +1 on v0.40 (Styling RN apps without HMR is a pain in the 💨 )