Sorting an array which contains string object in react - arrays

Question

I'm retrieving the data from the radio button checked for database purposes and I wanted to check the string objects index are equal to the api response string object from the db. The user can select the radio button in any order, but finally I wanted to sort the radio button with respect to get api response
Since, I'm new to react, I am trying to start off with...
I have attached the response below
data:
matrix:
option_questions: Array(10)
0: {text: "Hai"}
1: {text: "Hello"}
2: {text: "Hola"}
options: Array(10)
0: {text: "1"}
1: {text: "2"}
2: {text: "3"}
After checking the radio button values, my array goes likes this...
0:
id: "3"
qn: "Hello"
1:
id: "1"
qn: "Hola"
2:
id: "2"
qn: "Hai"
Here, I have to rearrange the array using the qn object index only like below format..
0:
id: "2"
qn: "Hai"
1:
id: "3"
qn: "Hello"
2:
id: "1"
qn: "Hola"
This is my code for on change
changeRadioHandler = (event) => {
const qn = event.target.name;
const id = event.target.value;
const question = {
id: event.target.value,
qn
};
if (this.state.questions.some((question) => question.qn === qn)) {
questions = [
...this.state.questions.filter((question) => question.qn !== qn),
question,
];
} else {
questions = [...this.state.questions, question];
}
const comparator = (a, b) => a.qn.localCompare(b.qn);
console.log(questions.sort(comparator), "comparator");
questions.sort(comparator);
this.setState({ questions });
console.log(questions);
};

Answer 1

Create a comparator function to compare the qn properties of each element and do a localeCompare comparison.
const comparator = (a, b) => a.qn.localeCompare(b.qn);
const data = [
{
id: "3",
qn: "Hello"
},
{
id: "1",
qn: "Hola"
},
{
id: "2",
qn: "Hai"
},
];
const comparator = (a, b) => a.qn.localeCompare(b.qn);
console.log(data.sort(comparator));