Expected an assignment or function call and instead saw an expression in react when using div

Question

What is the problem here? May be for div?

import React, { Component } from 'react';
import './Home.css';

class Home extends Component {
    state = {

    }

    render() {
        return
        (
            <div>
                Home
            </div>
        )
    }
}
export default Home;

Error is: Expected an assignment or function call and instead saw an expression

Click here for the image

Please clarify your specific problem or add additional details to highlight exactly what you need. As it's currently written, it’s hard to tell exactly what you're asking. See the [ask] page for help clarifying this question. — Praveen Kumar Purushothaman, Mar 23 '19 at 18:26
Thanks ! It works but I used return like this in react native. Found no problem there ! Why this happens in react? — Shajedul Islam, Mar 23 '19 at 18:35
This is not just React, it's [Automatic Semicolon Insertion](https://flaviocopes.com/javascript-automatic-semicolon-insertion/) — Agney, Mar 23 '19 at 18:38
Possible duplicate of [What are the rules for JavaScript's automatic semicolon insertion (ASI)?](https://stackoverflow.com/q/2846283/3773011) — Makyen, Mar 24 '19 at 01:07

score 2 · Answer 1 · answered Mar 23 '19 at 18:35

2

Here is what's happening:

class Home extends Component {
    state = {

    }

    render() {
        return // Here you are returning and the function stops executing... as suggested in the comment bring up the ( on the same line as return...
        (
            <div>
                Home
            </div>
        )
    }
}
export default Home;

answered Mar 23 '19 at 18:35

SakoBu

3,972
1
16
33

Got it. Thanks for your response – Shajedul Islam Mar 23 '19 at 18:36

score -1 · Answer 2 · answered Mar 23 '19 at 18:30

-1

Your file is saved as Home.js, so the compiler doesn't understand some of the syntax. Try saving as Home.jsx.

answered Mar 23 '19 at 18:30

xDreamCoding

1,654
1
12
18

But the tutorial I am following is written like this also saving as .js – Shajedul Islam Mar 23 '19 at 18:31
Ok, try @Boy With Silver Wings suggestion to bring brackets on the same line as return. – xDreamCoding Mar 23 '19 at 18:32

Expected an assignment or function call and instead saw an expression in react when using div

2 Answers2