Not sortable when props "order" defined

[MikeCod]

Hello,

I can't sort the list when I add the props "order". The bug is easily reproducible :

						<SortableList
							style={{}}
							contentContainerStyle={{padding:10}}
							scrollEnabled={false}
							data={this.state.questionnaire.questions.goals}
							sortingEnabled={true}
							order={this.state.goals_order}
							renderRow={({data, active}) => {
								return <Text style={{textAlign:'center'}}>{data}</Text>
							}}
							onChangeOrder={(nextOrder) => {
								this.setState({questionnaire:{
									...this.state.questionnaire, answers:{
										...this.state.questionnaire.answers, hobbies:{
											...this.state.questionnaire.answers.hobbies,
											[this.state.questionnaire.questions.hobbies_indoor.length*2+this.state.questionnaire.questions.hobbies_outdoor.length*2+2]: nextOrder.join('/')
								}}}});
							}}
						/>

Does anyone have a tips to solve this issue ?

[Erylennn]

Actually, it needs to update the variable passed for "order", so in my case :

<SortableList
							style={{marginTop:40}}
							contentContainerStyle={{padding:10}}
							scrollEnabled={false}
							data={this.state.questionnaire.questions.goals}
							sortingEnabled={true}
							order={this.state.goals_order}
							renderRow={({data, active}) => {
								return <Text style={{backgroundColor:THEME.color_2, color:"white", padding:8, margin:1, textAlign:'center'}}>{data}</Text>
							}}
							onChangeOrder={(nextOrder) => {
								this.setState({goals_order: nextOrder, questionnaire:{
									...this.state.questionnaire, answers:{
										...this.state.questionnaire.answers, hobbies:{
											...this.state.questionnaire.answers.hobbies,
											[this.state.questionnaire.questions.hobbies_indoor.length*2+this.state.questionnaire.questions.hobbies_outdoor.length*2+2]: "/"+nextOrder.join('/')+"/"
								}}}});
								console.log(nextOrder);
							}}
						/>