Undefined react method with ES6 syntax

Asked Nov 09 '18 at 11:03

Active Nov 09 '18 at 11:18

Viewed 37 times

I'm using ES6 to define methods in a React component.

class RootContainer extends Component {
  componentWillMount() {
    window.addEventListener('resize', this.handleWindowSizeChange)
  }

  componentWillUnmount() {
    window.removeEventListener('resize', this.handleWindowSizeChange)
  }

  handleWindowSizeChange = () => {
    this.props.update_width(window.innerWidth)
  }
  [...]

I'm mostly using the ES6 syntax so that I don't have to bind my method in my constructor. This code works just fine, unfortunately, whenever I try to build my app, I get a nice handleWindowSizeChange is not defined - no undef

How am I supposed to define it ?

asked Nov 09 '18 at 11:03

Pierre Olivier Tran

1,669
4
24
40

`window.addEventListener('resize', this.handleWindowSizeChange())` – Amir-Mousavi Nov 09 '18 at 11:21
@Amir-Mousavi That won't work. You need to pass a function reference as a listener instead of calling the function immediately. – JJJ Nov 09 '18 at 13:26

Undefined react method with ES6 syntax

0 Answers0