to tentando fazer com que um atributo de um dos objetos de um array de objetos alterne entre true e false segue codigo:
Estado inicial:
constructor(props) {
super(props)
this.state = {
post: [{
nome: '',
conteudo: '',
comment: false
}]
}
this.handleClickComment = this.handleClickComment.bind(this)
}
Método que altera o atributo comment para cada objeto no array(corrigido):
handleClickComment(postagem) {
postagem.comment = !postagem.comment
let i = postagem.id -1
this.setState({...this.state.post[this.state.post[i] = postagem]})
}
Esse método é chamando em um evento onClick, e recebe como parâmetro o objeto em questão conforme foi mapeado em outro componente, mas sempre que o evento o atributo comment simplesmente não muda. Alguém saberia me dizer o que há de errado?
Edit
Pessoal consegui resolver vou atualizar o código que funcionou perfeito, atualizou o valor do atributo sem alterar o estado da aplicação diretamente, sempre instancia um novo array com os novos parametros. Obrigado a todos pela ajuda.
let comment = this.state.comment ? false : true
, porque $this.state.post tem um array com as informações, concorda? ai ta o erro! não deveria serlet comment = this.state.post[indice].comment ? false : true
??? a terceira linha também atribuição não parece correto.