react如何修改對象的屬性值

這篇文章主要講解了“react如何修改對象的屬性值”，文中的講解內容簡單清晰，易于學習與理解，下面請大家跟著小編的思路慢慢深入，一起來研究和學習“react如何修改對象的屬性值”吧！

react修改對象屬性值的方法：1、打開相應的react代碼文件；2、查看“this.setState({message:event.target.value})”；3、通過“let data=Object.assign({}, this.state.datavalue, {name: val})this.setState({datavalue: data})”修改屬性值即可。

react 修改state為對象中的某一個屬性值

使用對象的assign方法

Object.assign方法用于對象的合并，將源對象（ source ）的所有可枚舉屬性，復制到目標對象（ target ）

Object.assign方法的第一個參數是目標對象，后面的參數都是源對象。

如果目標對象與源對象有同名屬性，或多個源對象有同名屬性，則后面的屬性會覆蓋前面的屬性。

react 修改state為對象中的某一個屬性值

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);

修改state下面對象的值

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)
}

感謝各位的閱讀，以上就是“react如何修改對象的屬性值”的內容了，經過本文的學習后，相信大家對react如何修改對象的屬性值這一問題有了更深刻的體會，具體使用情況還需要大家實踐驗證。這里是億速云，小編將為大家推送更多相關知識點的文章，歡迎關注！