Simple ReactJS Javascript input not working

Question

I am trying to learn ReactJS and how Javascript code interacts with the components in ReactJS and am not able to get a simple example to work.

Given below is my index.js file:

class JsBasic extends React.Component{
  render(){

    return(
      var hello = () => alert('hello')
      hello()
  );
}
}

ReactDOM.render(
  <JsBasic/>
  document.getElementById('root')
  );

On doing a npm start, I get the following error:

./src/index.js
Syntax error: Unexpected token (53:6)

  51 | 
  52 |     return(
> 53 |       var hello = () => alert('hello')
     |       ^
  54 |       hello()
  55 |   );
  56 | }

Any help greatly appreciated.

Tiago Alves · Accepted Answer · 2018-02-19 16:39:57Z

3

You can't put variables inside return, try this instead:

class JsBasic extends React.Component{
  render(){
    var hello = () => alert('hello')
    return(hello());
  }
}

ReactDOM.render(
  <JsBasic/>
  document.getElementById('root')
  );

answered Feb 19, 2018 at 16:39

Tiago Alves

2,31617 silver badges32 bronze badges

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

Comments

Rajat Dhoot · Accepted Answer · 2018-02-19 17:49:01Z

1

class JsBasic extends React.Component{
hello = () => {alert('hello')}
 render(){
  return(
   this.hello()
  );
 }
}

Example click here

edited Feb 19, 2018 at 17:49

answered Feb 19, 2018 at 16:39

Rajat Dhoot

1854 silver badges17 bronze badges

1 Comment

Amanshu Kataria Over a year ago

this.hello() will throw error. Moreover hello is not defined. Check Tiago's answer.

Collectives™ on Stack Overflow

Simple ReactJS Javascript input not working

2 Answers 2

Comments

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related