我正在顯示和隱藏通過(guò)狀態(tài)管理的項(xiàng)目的描述。唯一的問(wèn)題是我正在管理頁(yè)面上所有映射項(xiàng)目的此狀態(tài),這意味著該狀態(tài)將應(yīng)用于所有項(xiàng)目。我怎樣才能只管理包裹物品中的一件物品?這是我所做的示例。這里我設(shè)置狀態(tài)為不顯示描述:this.state = { show: false }點(diǎn)擊它會(huì)顯示描述,我是這樣的:<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>如上所述,這適用于所有像這樣包裝的映射項(xiàng): <div className="row mx-auto"> {this.state.allProducts.map(({ node }) => {.... })}</div>這是我的 onClick 函數(shù)<div className="mx-auto"> <p className="prd-desc-option" onClick={() => { this.setState({ show: !this.state.show }) }}>{this.state.show ? 'Hide' : 'Show'} Description </p></div>
僅更新反應(yīng)中一項(xiàng)的狀態(tài)
侃侃無(wú)極
2023-07-14 16:46:19