我正在顯示和隱藏通過狀態管理的項目的描述。唯一的問題是我正在管理頁面上所有映射項目的此狀態,這意味著該狀態將應用于所有項目。我怎樣才能只管理包裹物品中的一件物品?這是我所做的示例。這里我設置狀態為不顯示描述:this.state = { show: false }點擊它會顯示描述,我是這樣的:<div className="mx-auto pb-3"> {this.state.show ? <div><p className="mb-6 pt-3 text-center"> {node.description.description} </p></div> : null}</div>如上所述,這適用于所有像這樣包裝的映射項: <div className="row mx-auto"> {this.state.allProducts.map(({ node }) => {.... })}</div>這是我的 onClick 函數<div className="mx-auto"> <p className="prd-desc-option" onClick={() => { this.setState({ show: !this.state.show }) }}>{this.state.show ? 'Hide' : 'Show'} Description </p></div>
僅更新反應中一項的狀態
侃侃無極
2023-07-14 16:46:19