我有一系列帶有一些 svg 的卡片，需要根據點擊單獨（上下）更改狀態。模態由引導程序處理。所以，我試圖根據數組的索引更改 svg（硬編碼）的狀態。但是，即使我得到了 id（動態的），每次我點擊 svg 箭頭時，所有的 svg 都會改變狀態。我認為狀態不應該在 for 循環中改變，我想知道問題是否來自 {this.state.arrowShown && }。因此，如何只改變被點擊的卡片的svg狀態，而不改變其他卡片的狀態呢？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)        // }    }