反应更新对象数组的状态

时间:2018-02-10 18:34:47

标签: javascript arrays reactjs

所以我试图在点击时更改对象数组中的值 我的对象数组看起来像

//Memory.json
[
    {
        "id": 1,
        "image" :"./images/if_Adventure_Map_2913095.png",
        "clicked" : "false"
    },
    {
        "id":2,
        "image":"./images/if_Armor_2913124.png",
        "clicked" : "false"
    },
]

和我的app.js

import gameobj from "./Memory.json"

class App extends Component {
    state = {
        gameobj
    }

我已经能够在页面上显示所有内容,但无法让点击处理程序更改对象中单击的值 以下是我目前所做的一些事情,因此所有的评论都出来了=(

clickHandler = event => {
// let clicked = event.target.clicked ;
// const id = event.target.alt
const target = gameobj[id].clicked

// console.log(id)
// console.log(target)
// clicked = true;
// this.setState({
//   [id]:clicked

// });

this.setState({ clicked: "true"



  })

}

0 个答案:

没有答案