>  기사  >  웹 프론트엔드  >  반응에는 양방향 바인딩이 있습니까?

반응에는 양방향 바인딩이 있습니까?

WBOY
WBOY원래의
2022-04-21 10:24:312722검색

React에는 양방향 바인딩이 없습니다. React의 디자인 아이디어는 단방향 데이터 흐름이며, 양방향 바인딩 개념이 없습니다. React는 뷰 레이어이므로 단일 데이터 흐름만 전달할 수 있습니다. View 레이어 렌더링 요구 사항을 충족하고 테스트 및 제어가 더 쉽기 때문에 반응에 양방향 바인딩이 없습니다.

반응에는 양방향 바인딩이 있습니까?

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

React에는 양방향 바인딩이 있나요?

React에는 양방향 바인딩이 없습니다

React의 디자인 아이디어는 단방향 데이터 흐름입니다. 왜 양방향 데이터가 없는지 이해할 수 있을 것 같습니다. 다음과 같이 바인딩합니다.

먼저 React는 순수한 뷰 레이어입니다.

그럼 React의 양방향 데이터 바인딩에 대한 요구 사항은 무엇입니까? -- 분명히 비즈니스 요구 사항입니다. 단방향 데이터 흐름은 이미 View 레이어 렌더링의 요구 사항을 충족하고 (Props 또는 State에서) 테스트 및 제어가 더 쉽기 때문에 순수 React에서 양방향 데이터 바인딩이 필요한 이유는 무엇입니까?

양방향 데이터 바인딩 문제를 해결해야 하는 경우 필요에 따라 Ant Design의 rc-form과 같은 타사 라이브러리를 사용할 수도 있습니다.

그래서 React에서 양방향 데이터 바인딩이 부족한 것은 기능 부족이나 충돌 문제가 아니라 React가 순수한 문제인 뷰 레이어를 해결하는 데만 초점을 맞추고 있다는 것입니다.

단방향 데이터 흐름

단방향 데이터 흐름은 데이터 흐름이 props를 통해서만 상위 컴포넌트에서 하위 컴포넌트로 전달될 수 있고, 하위 컴포넌트에서 상위 컴포넌트로 데이터가 전달될 수 없음을 의미합니다. 데이터의 양방향 바인딩을 달성하려면 하위 구성 요소의 데이터를 상위 구성 요소에 직접 전달하는 대신 하위 구성 요소만 상위 구성 요소의 데이터를 변경하기 위해 상위 구성 요소 소품이 전달한 메서드를 받을 수 있습니다.

사실 React에는 양방향 바인딩이라는 개념이 없습니다. 페이지와 값을 업데이트할 때마다 이를 트리거하기 위해 지정된 API를 호출해야 하며, v-model 명령만 사용하면 됩니다. In vue의 명령은 실제로 여러 이벤트의 구문 설탕을 사용하여 구현됩니다.

추천 학습: "react 비디오 튜토리얼"

위 내용은 반응에는 양방향 바인딩이 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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