javascript - 渲染 div 的 map 及其标题

Question

我想在 React 组件的一个独特函数中简化“renderTitle”和“renderComments”:

renderTitle(dish) {
    return (
      <h2>
        Title array comment
      </h2>
    );
}
renderComments(dish) {
    return (
      dish.array.map(comment => {
        return (
          <div>
             hello
          </div>
        );
      })
    );
}
render() {
  return (
     {this.renderTitle(this.props.dish)}
     {this.renderComments(this.props.dish)}
  );
}

Answer 1

看看下面我使用 Fragment (react 16.x) 的代码。看看我是如何合并你问题中的函数的。

renderItems(dish) {
    const comments = dish.array.map(comment => (<div>hello</div>))
    return (
    <React.Fragment>
        <h2>
            Title array comment
        </h2>
       {comments}
    </React.Fragment>
);}