for first time drag and drop and update data is working fine but not second time after updating array(bucket)
<SortableList renderFooter={this._renderFooter} manuallyActivateRows={true} onChangeOrder={(nextOrder) => { this._order = nextOrder }} onReleaseRow={(key) => this._releaseRow(this._order, key)} data={this.state.bucket} renderRow={this._renderRow} />
_releaseRow = (order, key) => { let release_key = 1 let array_id = [] if(order){ for(let i = 0; i < order.length; i++){ array_id.push(this.state.buckets[order[i]].id) if(order[i] == key){ release_key = order[i] } } const bucket_copy = this.state.buckets.slice() const new_bucket = this.array_move(bucket_copy, key, release_key) this.setState({buckets: new_bucket}) }
Did you ever resolve this? I'm having the same issue updating from props (redux state).
I fix exactly the same issue with autoscrollAreaSize={-200}