I get `_this4.myfunc is not a function` calling this.myfunc() from onPress() of a TouchableHighlight in an item

I’ve got a carousel like this:

  render() {
    <Carousel
      ref={(carousel) => { this._carousel = carousel; }}
      renderItem={this._renderCarouselItem}
      data={this.state.person.imagesList}
      sliderWidth={this.state.viewport.width}
      itemWidth={this.state.viewport.width}
    >
    </Carousel>
  }

  _renderCarouselItem({item, index}) {
    return (
      <TouchableHighlight key={item.key} onPress={() => this.setFullscreen(item.key)}>
        <Image
          source={{uri: item.uri}}
        />
      </TouchableHighlight>
    );
  }

  setFullscreen(index) {
    ...
  }

The problem is I don’t know how to bind to this in _renderCarouselItem function, since when pressing on an image I get a reddish _this4.setFullscreen is not a function… Any clue?

[bd-arc]

@marcolino Did you make sure to bind this to your function in your constructor? Something along those lines:

    constructor (props) {
        super(props);
        this.setFullscreen = this.setFullscreen.bind(this);
    }

[fliptechkumar]

Thanks @NicholasBertazzon its working for me