Maison  >  Article  >  interface Web  >  Comment modifier la valeur de la propriété d'un objet en réaction

Comment modifier la valeur de la propriété d'un objet en réaction

藏色散人
藏色散人original
2023-01-04 09:41:573328parcourir

Comment modifier la valeur de l'attribut de l'objet dans React : 1. Ouvrez le fichier de code de réaction correspondant ; 2. Affichez "this.setState({message:event.target.value})" ; 3. Passez "let data=Object. assign( {}, this.state.datavalue, {name: val})this.setState({datavalue: data})" modifiez simplement la valeur de l'attribut.

Comment modifier la valeur de la propriété d'un objet en réaction

L'environnement d'exploitation de ce tutoriel : système Windows 10, React version 18.0.0, ordinateur Dell G3.

Comment modifier la valeur d'attribut d'un objet dans React ?

react modifie l'état en une certaine valeur d'attribut dans l'objet

Utilisez la méthode d'affectation de l'objet

La méthode Object.assign est utilisée pour fusionner des objets, en copiant tous les attributs énumérables de l'objet source (source) vers la cible object (cible) Le premier paramètre de la méthode Object.assign est l'objet cible et les paramètres suivants sont l'objet source.

Si l'objet cible et l'objet source ont des attributs portant le même nom, ou si plusieurs objets sources ont des attributs portant le même nom, les attributs suivants écraseront les attributs précédents.

react modifie l'état en une certaine valeur d'attribut dans l'objet

var NoLink = React.createClass({
    getInitialState:function(){
        return {message:''}
    },
    handelChange:function(event){
        console.log(event.target);
        this.setState({message:event.target.value})
    },
    render:function(){
        var mess = this.state.message;
        return (
            <div>
                <input type="text" onChange={this.handelChange} value={mess} />
                <b>{mess}</b>
            </div>
        )
    }
});
React.render(<NoLink />,document.body);

modifie la valeur de l'objet sous l'état

SetName = (e) = > {
    let val = e.target.value;
    let data = Object.assign({}, this.state.datavalue, {
        name: val
    })
    this.setState({
        datavalue: data
    })
    console.log(this.state.datavalue, data)
}

Apprentissage recommandé : "

Tutoriel vidéo React

"

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn