Index.js:Missing Initializer in const declaration

Question

I've been trying react-native development and i am in its first stage so I was trying to create a simple Hello World Application but the system keeps showing an error I cannot solve.

This is the result it shows.

My index.js file is as below:

   import {AppRegistry} from 'react-native';
import App from './App';
import {name as appName} from './app.json';

AppRegistry.registerComponent(appName, () => App);

and the main App.js file is as below

export default class App extends React.Component{
  render()
  return {(
    <View style={styles.container}>
    <Text style={styles.welcome}>
     Hello World!
   </Text>
    </View>
  );
}
};

i've fixed the babel and jest issues as well, any help is appreciated. Thank You.

Possible duplicate of SyntaxError: Missing initializer in const declaration — Abhilekh Singh
– Abhilekh Singh, Commented Oct 27, 2019 at 20:07

bug · Accepted Answer · 2019-10-27 21:46:45Z

1

In the render method the first curly bracket is in the wrong position, it should be after render() not after return:

export default class App extends React.Component{
  render() {
    return (
      <View style={styles.container}>
        <Text style={styles.welcome}>
          Hello World!
        </Text>
      </View>
    );
  }
};

answered Oct 27, 2019 at 21:46

bug

4,2001 gold badge16 silver badges27 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Abdodt Over a year ago

That doesnot seem to be the issue,I checked the tutorial and rewrote the code as you told,the error still exists.

Collectives™ on Stack Overflow

Index.js:Missing Initializer in const declaration

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related