[ListView] renderRow pass state to prop

Hi all, I’m trying to set scrollY prop with a state value updated by the onscroll function. Is this the correct way of doing this? I need to pass the scrollY offset to my component. I’m able to get a value on my component but it doesn’t update as I scroll.

renderRow: function (rowData, sectionID, rowID) {
    return (
        <VideoCard key={rowData.id} data={rowData} rowid={rowID} autoplay={this.state.autoplay} scrollY={this.state.contentOffset} navigator={this.props.navigator}/>
    );
},

[yamill]

@arilitan glad it worked! yeah it definitely does take a performance toll - i ended up writing a debounce function.

Like this:

var SearchBox = React.createClass({

  componentWillMount: function () {
     this.delayedCallback = _.debounce(function (event) {
       // `event.target` is accessible now
     }, 1000);
  },

  onChange: function (event) {
    event.persist();
    this.delayedCallback(event);
  },

  render: function () {
    return (
      <input type="search" onChange={this.onChange} />
    );
  }

});

You can read more about this here - http://stackoverflow.com/questions/23123138/perform-debounce-in-react-js

[arilitan]

will try that, thanks again!