我有一系列帶有一些 svg 的卡片，需要根據(jù)點(diǎn)擊單獨(dú)（上下）更改狀態(tài)。模態(tài)由引導(dǎo)程序處理。所以，我試圖根據(jù)數(shù)組的索引更改 svg（硬編碼）的狀態(tài)。但是，即使我得到了 id（動(dòng)態(tài)的），每次我點(diǎn)擊 svg 箭頭時(shí)，所有的 svg 都會(huì)改變狀態(tài)。我認(rèn)為狀態(tài)不應(yīng)該在 for 循環(huán)中改變，我想知道問題是否來自 {this.state.arrowShown && }。因此，如何只改變被點(diǎn)擊的卡片的svg狀態(tài)，而不改變其他卡片的狀態(tài)呢？import Container from 'react-bootstrap/Container'import Card from 'react-bootstrap/Card'import Row from 'react-bootstrap/Row'import Col from 'react-bootstrap/Col'import { withTranslation } from 'react-i18next';import Accordion from 'react-bootstrap/Accordion'import Button from 'react-bootstrap/Button'class ProjectCard extends React.Component {    constructor() {        super();        this.state = {            arrowShown: true,            arrowHidden: false,        }        this.handleClick = this.handleClick.bind(this);    }    handleClick(event, index) {        const id = event.currentTarget.id;        const projectArr = this.props.projects;        console.log("this.props.porjects", this.props.projects)        for (var i = 0; i < projectArr.length; i++) {            console.log("projectArr[i].idP1", projectArr[i].idP2)            if (projectArr[i].idP2 === id) {                console.log("same same")                this.setState({                    arrowShown: !this.state.arrowShown,                    arrowHidden: !this.state.arrowHidden                })                // newState[projectArr[i].idP2.arrowShown] = projectArr[i].idP2 === projectArr[i].idP2            }        }        //     // this.setState(newState)        // }    }