我從 React 開始（5 天前），所以很抱歉，如果這是一個基本問題，或者我可能沒有正確地制定這個。我有一個包含此格式的 JSON。[{    "id":"1",    "header": "Ultimo Momento",    "titulo": "Alerta Mundial",    "texto": "Aliens nos atacan sin piedad.",    "tipo": "Info",    "loc": "left"},{    "id":"2",    "header": "Info",    "titulo": "Vuelve el Futbol",    "texto": "Aliens nos atacan sin piedad.",    "tipo": "Light",    "loc": "left"},{    "id":"3",    "header": "Info",    "titulo": "Alerta Mundial",    "texto": "Aliens nos atacan sin piedad.",    "tipo": "Dark",    "loc": "right"}]我有一個名為Noticias的組件，它將呈現(xiàn)在兩個不同的列中，并且將僅顯示該列的正確列（loc：右表示右側(cè)列，左側(cè)為左側(cè)）    <MDBCol md="3" className="d-flex align-items-center flex-column">      <Noticias Noticias={NoticiasData} Location={"left"} />    </MDBCol >    <MDBCol  md="6" className="d-flex align-items-center flex-column">      <Salas Salas={SalasData} />    </MDBCol >    <MDBCol  md="3" className="d-flex align-items-center flex-column">      <Noticias Noticias={NoticiasData} Location={"right"} />    </MDBCol >  </MDBRow>我遇到的問題是我得到重復(fù)的鍵，因為是相同的組件和相同的邏輯。class Noticias extends Component {state = {}render() {    const {        Noticias,        Location    } = this.props;    return (        Noticias.filter((noticia) => noticia.loc === Location).map((noticia, idx) =>            (                noticiaGenerator(noticia, idx)            ))    )}}NoticiaGenerator看起來像這樣：const noticiaGenerator = (noticia, key) =><>    <Card        bg={noticia.tipo.toLowerCase()}        key={key}        id={noticia.id}        text={noticia.tipo.toLowerCase() === 'light' ? 'dark' : 'white'}        style={{ width: '18rem' }}    >        <Card.Header>{noticia.header}</Card.Header>        <Card.Body>            <Card.Title>{noticia.titulo}</Card.Title>            <Card.Text>{noticia.texto}</Card.Text>        </Card.Body>    </Card>    <br /></>錯誤：我做錯了什么嗎？這被認為是不好的嗎？這些是我在這里飛行的第一個小時。