Зачем в этом коде key и refs нужны?

Question

[PlasterTom]

Cобственно, вопрос в заголовке. Зачем key и refs нужны в CommentList? И нужны ли, вроде, и без них все работает. Полный код на гитхабе по ссылке

class Article extends Component {
    
    static propTypes = {
        text: PropTypes.string,
        date: PropTypes.string
    };

state = {
    updateIndex: 0
}
    handleDelete = () => {
        const {deleteArticle, article} = this.props
        deleteArticle(article.id);
}

    render(){
        return(
            <div className='article card' style={cardStyle}>
                <p>{this.props.text}</p>
                <p>{this.props.date}</p>
                <span style={btnDelete} onClick={this.handleDelete}>X</span>
                <CommentList article={this.props.article} ref = {this.setCommentsRef} key = {this.state.updateIndex}/>
        </div>
        )
    }

 setCommentsRef = ref => {
        this.comments = ref
    }
}

Answer 1

[Zvezdocheteg]

Key не использует в компоненте CommentList, так что это лишний props.
ref -> this.comments тоже доступен только в области видмости Article но он там не используется, так что эти 2 пропса лишние.