本教程操作環境:Windows10系統、react18.0.0版、Dell G3電腦。
(相關資料圖)
react怎么修改對象的屬性值?
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怎么修改對象的屬性值的詳細內容,更多請關注php中文網其它相關文章!
關鍵詞: React