Getting identifier error in react application

Question

I am creating react application to fetch data from youtube API and for that, I am using a method in the component but I am getting an error which says "[js] Unexpected token. A constructor, method, accessor, or property was expected." when I declare that method. Can anyone help to solve that error?

code:

class App extends Component {
  state = {
    videos: []
  };

  YTSearch({ key: API_KEY, term: "surfboards" }, function(data) {
    console.log(data);
  });


  render() {
    return (
      <div>
        <SearchBar />
      </div>
    );
  }
}

error:

It looks like you're trying to call the function YTSearch, with that object and function as the parameters. What was your intention? — izb
– izb, Commented Sep 13, 2018 at 22:47
I am trying to set up API call to youtube. **import YTSearch from "youtube-api-search"; ** — Riya
– Riya, Commented Sep 13, 2018 at 22:49
Okay the problem was that you can't call functions inside a class body like that. — izb
– izb, Commented Sep 13, 2018 at 22:57

izb · Accepted Answer · 2018-09-13 22:53:14Z

3

My suggestion would be to put the function call in a lifecycle method:

class App extends Component {
  constructor(props){
    super(props);
    this.state = {
      videos: []
    };
  }

  componentDidMount(){
    YTSearch({ key: API_KEY, term: "surfboards" }, function(data) {
      console.log(data);
    });
  }


  render() {
    return (
      <div>
        <SearchBar />
      </div>
    );
  }
}

Collectives™ on Stack Overflow

Getting identifier error in react application

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related