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

藏色散人
풀어 주다: 2023-01-04 09:41:57
원래의
3290명이 탐색했습니다.

반응에서 객체 속성 값을 수정하는 방법: 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!