반응에서 객체의 속성 값을 수정하는 방법

반응에서 객체 속성 값을 수정하는 방법: 1. 해당 반응 코드 파일을 엽니다. 2. "this.setState({message:event.target.value})"를 봅니다. 3. "let data=Object. 할당( {}, this.state.datavalue, {name: val})this.setState({datavalue: data})" 단지 속성 값을 수정하면 됩니다.

이 튜토리얼의 운영 환경: Windows 10 시스템, 반응 버전 18.0.0, Dell G3 컴퓨터.

React에서 객체의 속성 값을 수정하는 방법은 무엇입니까?

react는 객체의 특정 속성 값으로 상태를 수정합니다.

객체의 할당 메서드를 사용합니다.

Object.assipate 메서드는 객체를 병합하는 데 사용되며, 소스 객체(소스)의 열거 가능한 모든 속성을 대상에 복사합니다. 객체(대상) Object.ass 메소드의 첫 번째 매개변수는 대상 객체이고, 후속 매개변수는 소스 객체입니다.

대상 개체와 소스 개체에 동일한 이름의 속성이 있거나 여러 소스 개체에 동일한 이름의 속성이 있는 경우 이후 속성이 이전 속성을 덮어씁니다.

react는 상태를 객체의 특정 속성 값으로 수정합니다.

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

상태 아래 객체의 값을 수정합니다

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 비디오 튜토리얼

"

위 내용은 반응에서 객체의 속성 값을 수정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!