小编Lee*_*Lee的帖子

我正在尝试为谷歌浏览器添加一个新的扩展。（我是新手）。

我不断收到错误消息“指定扩展的私钥已存在。请重新使用该密钥或先将其删除”。

{
   "manifest_version": 2,
   "description": "test",

   "name": "test",
   "version": "2.1",

   "content_scripts": [
 {
      "matches": ["*://www.google.com*"],
    "js": ["script.js"]

   }



  ]
}

我有一个包含对象的数组，这些对象包含有关图像的详细信息（URL，描述，喜欢），我试图克隆Instagram页面，并在单击时更新该1张图像的“喜欢”。

尝试映射数组并返回“ likes” +1。

这是从数据开始的3个独立文件。数据存储在状态库的“主要”部分中。因此，总的来说，我想在单击该图像时增加点赞的次数。但是当我使用setState时，我不知道如何只能将一个值作为数组的一个对象的目标。我宁愿只更新状态，也不愿创建新​​状态onClick，然后更改原来的值！我正在寻找最佳实践。（因为这是我唯一的学习方法）预先感谢。

const images =[
{
    url:'./images/img1.jpg',
    description:"test1",
    likes:0,
    index:0
},
{
    url:'./images/img2.jpg',
    description:"test1",
    likes:3,
    index:1
},
{
    url:'./images/img3.jpg',
    description:"test1",
    likes:4,
    index:2
},
{
    url:'./images/img2.jpg',
    description:"test1"
},
{
    url:'./images/img2.jpg',
    description:"test1"
},
{
    url:'./images/img2.jpg',
    description:"test1"
},

]

export default images


import React from 'react'

const Gallery =(props)=>{
    return (
        <div className="container">
            <div className="main-gallery">

                {props.gallery.map((item,index) => (
                    <div key={index} className='img-container' onClick= {props.increaseLikes}>
                        <img className='gallery-images' src={item.url}/> 
                        <p className='likes'>likes {item.likes}</p>
                    </div>
                 ))}

            </div>
        </div>
    )
}

export default Gallery


import React, …