1

Изучаю React. Подскажите, пжлст, каким образом здесь я могу обратиться к key чтобы использовать его в функции удаления элемента? Благодарю.

import CommentItem from './CommentItem';
// import uuid from 'react-uuid'

function CommentList(props) {
    const {comments} = props;

    function removeCommentItem() {

        // если элемент содержит key, который принадлежит конкретному элементу,
        // то этот элемент нужно удалить
        // filter берет исходный массив и удаляет из него всё, что не соответствует условию,
        // то есть, оставляет в новом массиве только те элементы, которые не содержат данный key

        alert('Клик по кнопке "Удалить" работает')
    }

    return (
        <ul className="CommentList list">
            <h2 className="second-title CommentList-title">Все комментарии</h2>

            {comments.map((comment, i) => {
                return <CommentItem
                    key={i}
                    userName={comment.userName}
                    commentText={comment.commentText}
                    currentDate={comment.currentDate}
                    currentTime={comment.currentTime}
                    removeItem={removeCommentItem}
                />
            })}
        </ul>
    )
}

export default CommentList;

1 ответ 1

1

Всё. Вопрос снят. Нужно просто передать его в качестве аргумента:

removeItem={() => removeCommentItem(uuid(i))}

И, да, конечно, не следует использовать индекс. Я здесь применил uuid().

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.