如何递归地渲染react.js中的子组件

如果我在render方法的顶部将子节点创建为一个对象，则可以正常工作。

export default class extends React.Component {  let replies = null  if(this.props.replies){    replies = this.props.replies.map((reply) => {      return (        <Comment author={reply.author} body={reply.body} />      )    })  }  render() {    return (      <div className="comment">        <div className="replies">{ replies }</div>      </div>    )  }}