我有一個comments具有四個值的對象：data.jsexport const comments = [? ? { id: 1, content: 'comment 1', responseTo: 9, writer: 'Max' },? ? { id: 2, content: 'comment 2', responseTo: 1, writer: 'John' },? ? { id: 3, content: 'comment 2', responseTo: 1, writer: 'John' },? ? { id: 4, content: 'comment 2', responseTo: 1, writer: 'John' },? ? { id: 6, content: 'comment 3', responseTo: 10, writer: 'Karl' },? ? { id: 7, content: 'comment 4', responseTo: 6, writer: 'Tina' },? ? { id: 8, content: 'comment 4', responseTo: 6, writer: 'Tina' }];App.jsimport { comments } from './data';function App() {? ? return (? ? ? ? <div>? ? ? ? ? ? {comments.map((each) => {? ? ? ? ? ? ? ? return (? ? ? ? ? ? ? ? ? ? ? ? <Fragment>? ? ? ? ? ? ? ? ? ? ? ? ? ? <Comment each={each} />? ? ? ? ? ? ? ? ? ? ? ? </Fragment>? ? ? ? ? ? ? ? ? ? )? ? ? ? ? ? ? ? );? ? ? ? ? ? })}? ? ? ? </div>? ? );}如何在左邊顯示評論回復？