Skip to main content
adicionou 1 caractere ao conteúdo
Fonte Link

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 indicei = postagem.id -1 let comment = this.state.post[indice].comment ? false : true this.setState({...this.state.post[indice], commentpost[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 Corrigido this.state.post[indice].comment é o correto mesmo...escrevi errado na hora da postagem...em relação a terceira linha ficou um pouco estranho pq nao posteiPessoal consegui resolver vou atualizar o métodocódigo que definefuncionou perfeito, atualizou o idvalor do objeto quando ele é inserido noatributo sem alterar o estado da aplicação diretamente, sempre instancia um novo array com os novos parametros. Obrigado a todos pela ajuda.

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: handleClickComment(postagem) { let indice = postagem.id -1 let comment = this.state.post[indice].comment ? false : true this.setState({...this.state.post[indice], comment}) }

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 Corrigido this.state.post[indice].comment é o correto mesmo...escrevi errado na hora da postagem...em relação a terceira linha ficou um pouco estranho pq nao postei o método que define o id do objeto quando ele é inserido no array

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.

adicionou 252 caracteres ao conteúdo
Fonte Link

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: handleClickComment(postagem) { let indice = postagem.id -1 let comment = this.state.post[indice].comment ? false : true this.setState({...this.state.post[indice], comment}) }

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 Corrigido this.state.post[indice].comment é o correto mesmo...escrevi errado na hora da postagem...em relação a terceira linha ficou um pouco estranho pq nao postei o método que define o id do objeto quando ele é inserido no array

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: handleClickComment(postagem) { let indice = postagem.id -1 let comment = this.state.comment ? false : true this.setState({...this.state.post[indice], comment}) }

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?

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: handleClickComment(postagem) { let indice = postagem.id -1 let comment = this.state.post[indice].comment ? false : true this.setState({...this.state.post[indice], comment}) }

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 Corrigido this.state.post[indice].comment é o correto mesmo...escrevi errado na hora da postagem...em relação a terceira linha ficou um pouco estranho pq nao postei o método que define o id do objeto quando ele é inserido no array

Fonte Link

Alterar atributo de um array de objetos no estado na aplicação

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: handleClickComment(postagem) { let indice = postagem.id -1 let comment = this.state.comment ? false : true this.setState({...this.state.post[indice], comment}) }

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?