Кошерно ли использование замыканий при передаче колбеков в React-компонент?

import React, { Component } from 'react';
import PropTypes from 'prop-types';

import styles from './Comment.css';

import CommentInput from '../CommentInput/CommentInput';

class Comment extends Component {
  render() {
    const profileLink = `https://instagram.com/${this.props.name}`;
    return (
      <div className={styles.Comment}>
        <a href={profileLink} target="_blank">
          { this.props.avatar 
            ? <img className={styles.Avatar} src={this.props.avatar} />
            : <i className={`far fa-user ${styles.AvatarTemplate}`}></i> 
          }
        </a>
        <div className={styles.Data}>
          <div className={styles.Text}>
            <a className={styles.ProfileLink} href={profileLink} target="_blank">{this.props.name}</a>
            <span className={styles.CommentText}>{this.props.text}</span>
          </div>
          <div className={styles.BottomLine}>
            <div className={styles.Date}>
              {this.props.date}
            </div>
            <button className={styles.Button} onClick={() => this.props.callbackDeleteClick()}>Удалить комментарий</button>
            <button className={styles.Button} onClick={() => this.props.callbackAnswerClick()}>Ответить</button>
          </div>
          { this.props.showInput && 
            <div className={styles.CommentInputWraper}>
              <CommentInput 
                withoutBackgorund={true} 
                callbackChange={this.props.callbackCommentEdit} 
                callbackSend={this.props.callbackCommentSend}
                text={this.props.answerText} 
              />
            </div> 
          }
        </div>
      </div>
    );
  }
}

Comment.propTypes = {
  ...
};

export default Comment;

  createComments(posts, selectedDialogId, selectedCommentId, answers, answerCallback, deleteCallback, answerEditCallback, answerSendCallback) {
    const selectedPost = posts.find(post => post.id === selectedDialogId);
    const comments = selectedPost ? selectedPost.newComments : [];
    return comments.map((comment, index) => {
      return <Comment 
        key={index}
        name={comment.name}
        text={comment.text}
        date={comment.date}
        avatar={comment.avatar}
        deleted={comment.deleted || false}
        showInput={comment.id === selectedCommentId}
        answerText={answers[comment.id] || ''}
        callbackAnswerClick={() => answerCallback(comment.id)}
        callbackDeleteClick={() => deleteCallback(selectedPost.id, comment.id)}
        callbackCommentEdit={(text) => answerEditCallback(comment.id, text)}
        callbackCommentSend={() => answerSendCallback(selectedPost.id, comment.id, answers[comment.id] || '')}
      />;
    });
  }