>웹 프론트엔드 >JS 튜토리얼 >반응에서 props와 state의 차이점은 무엇입니까?

반응에서 props와 state의 차이점은 무엇입니까?

coldplay.xixi
coldplay.xixi원래의
2020-11-17 13:57:562293검색

리액트에서 props와 state의 차이점: 1. props는 주로 컴포넌트 간에 매개변수를 전송하고 컴포넌트의 속성 값을 얻는 데 사용됩니다. 외부 컴포넌트의 속성 값은 직접 수정할 수 없습니다. 2. State는 주로 컴포넌트 업데이트 제어에 사용됩니다. 컴포넌트를 다시 렌더링하거나 업데이트하려면 상태만 수정하면 됩니다.

반응에서 props와 state의 차이점은 무엇입니까?

반응에서 props와 state의 차이점:

<code><strong>props</strong>

主要是用于组件之间传递参数,获取组件的属性值。 组件之间数据单向流动 ,从父组件流向子组件。

对于外界/父组件的属性值,无法直接修改,它是只读的。

<strong>state</strong>

主要用于组件更新控制,如果想重新渲染或更新组件,只需要修改state即可,然后根据具体修改的state,

重新渲染用户界面(无需操作DOM对象);

本组件内的数据   相对封闭的单元/结构的数据

例如

创建了  LikeButton  组件,getInitialState 方法用于定义初始状态,也就是一个对象,这个对象可以通过 this.state 属性读取。当用户点击组件,导致状态变化,this.setState 方法就修改状态值, 每次修改以后,自动调用 this.render props

는 주로 구성 요소 간에 매개 변수를 전달하고 해당 속성 값을 얻는 데 사용됩니다. 구성 요소. 데이터는 상위 구성 요소에서 하위 구성 요소로 한 방향으로 구성 요소 간에 흐릅니다. 외부/상위 구성 요소의 속성 값은 직접 수정할 수 없으며 읽기 전용입니다.

🎜state🎜🎜🎜는 주로 구성 요소 업데이트 제어에 사용됩니다. 구성 요소를 다시 렌더링하거나 업데이트하려면 상태만 수정한 다음 사용자 인터페이스를 다시 렌더링하면 됩니다. 특정 수정 상태에 따라(DOM 객체를 작동할 필요 없음) 🎜🎜이 구성 요소의 데이터는 상대적으로 닫힌 단위/구조 데이터입니다. 🎜🎜예를 들어 🎜🎜는 LikeButton 구성 요소를 생성했고 getInitialState code> 메소드는 객체인 초기 상태를 정의하는 데 사용되며, 이 객체는 this.state 속성을 통해 읽을 수 있습니다. 사용자가 구성 요소를 클릭하여 상태가 변경되면 <code>this.setState 메서드가 상태 값을 수정합니다. 각 수정 후에는 this.render 메서드가 자동으로 호출됩니다. 구성 요소를 다시 렌더링하려면🎜🎜🎜 관련 무료 학습 권장 사항: 🎜JavaScript🎜(비디오)🎜🎜

위 내용은 반응에서 props와 state의 차이점은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.