@ABdrvl

Как сохранить оригинальный index массива при объединении?

Имеется таблица со списком студентов, имеется так же форма по поиску по фамилии. Проблема в том что после поиска, в таблице порядковый номер найденного студента значится 1, а не исходный номер до поиска.

Приведенный ниже код используется для поиска студентов по фамилии.
searchStudent(lastname) {
                if (lastname !== "") {
                    this.dropStudents();
                    const group = this.state.currentGroup;
                    let arr = [];
                    for (let i = 0; i < group.length; i++) {
                        if (lastname.toLowerCase() === group[i].lastname.toLowerCase()) {
                            arr = arr.concat([group[i]]);
                        }
                    }
                    this.setState({ currentStudents: arr });
                } else if (lastname === "") {
                    this.dropStudents();
                    this.setState({ currentStudents: this.state.currentGroup });
                }
            }
            dropStudents() {
                this.setState({ currentStudents: [] });
            }

Результат выводится в таблице:
if (this.props.currentGroup.length !== 0) {
                    const currentGroup = this.props.currentGroup;
                    return (
                        <section className="json-teachers">
                            <table><tbody>
                            {
                                currentGroup.map((student,index) => {
                                    return (
                                        <tr key={index} className="line">
                                            <td>{index + 1}</td>
                                            <td>{student.name}</td>
                                            <td>{student.lastname}</td>
                                            <td>{student.status}</td>
                                        </tr>
                                    );
                                })
                            }
                            </tbody></table>
                        </section>
                );
                } else { return null;}
  • Вопрос задан
  • 80 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы