动态实现选中取消功能

最新推荐文章于 2022-04-01 12:22:22 发布

ze1024

最新推荐文章于 2022-04-01 12:22:22 发布

阅读量109

点赞数

分类专栏：数组 react 文章标签： javascript css html

本文链接：https://blog.csdn.net/ze1024/article/details/117364767

版权

html

            <div className="main-style">
                {
   
                    mockData && mockData.length > 0 && mockData.map((item, index) => {
   
                        return <div key={
   item.id} className={
   item.select ? 'divStyle selected' : 'divStyle'} onClick={
   () => selectItem(item, index)}>{
   item.value}</div>
                    })
                }
            </div>
            <Button onClick={
   () => submit