React Native의 세 가지 주요 핵심 구성 요소 탐색

React Native의 세 가지 주요 핵심 구성 요소 탐색

JSX 구성 요소 내부에는 여러 번 사용되는 세 가지 중요한 핵심 구성 요소가 있습니다. 아래에 나와 있습니다.

1. <보기 />
2. <텍스트 />
3. <텍스트 입력 />

보기

React Native의 View는 React Native의 다른 핵심 구성요소를 담는 컨테이너라고도 합니다. 다른 구성요소를 담는 포장지와 같습니다.

웹 개발 분야 종사자라면 이 보기는

,

및

태그와 같습니다. html.

React Native에서는 컨테이너를 만드는 데 컴포넌트만 있습니다.

텍스트

리액트 네이티브의 텍스트는 텍스트 작성을 돕는 핵심 컴포넌트입니다. 없이는 React Native에서 텍스트를 작성할 수 없습니다.

웹 개발에서 텍스트를 작성하려면

,

또는

, 그러나 구성 요소에서 다음과 같은 오류가 발생합니다.

여기서

“텍스트 문자열은 구성 요소입니다.”**

문자열을 작성하는 구문은 다음과 같습니다.

<View>
    <Text>
        Something that we have to render in this text tag, In React Native.
    </Text>
<View>

실시간 텍스트 작성 예시

이제 마지막

TextInput입니다.

상자 안에 텍스트를 쓰는 데 도움이 되는 구성 요소입니다. 웹 개발자에게는 태그.

이러한 핵심 구성 요소에 대해 자세히 알아보려면 다음 링크를 확인하세요.

<보기>
<텍스트>
<텍스트 입력>

읽어주셔서 감사합니다. 그리고 React Native에서 기본 앱을 구축하는 데 관심이 있다면 https://dev.to/sadiqhasanrupani

에서 최신 소식을 받아보세요.

내가 근황을 알고 싶다면 LinkedIn이나 X에서 팔로우하세요.

위 내용은 React Native의 세 가지 주요 핵심 구성 요소 탐색의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

html String if for Error this input kind react native https Other

성명：

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

이전 기사：텍스트 영역 내에 HTML 태그를 표시하려면 어떻게 해야 합니까?다음 기사：텍스트 영역 내에 HTML 태그를 표시하려면 어떻게 해야 합니까?

관련 기사

더보기

• Bootstrap 목록 그룹 구성 요소에 대한 심층 분석
• JavaScript 함수 커링에 대한 자세한 설명
• JS 비밀번호 생성 및 강도 감지의 전체 예(데모 소스 코드 다운로드 포함)
• Angularjs는 WeChat UI(weui)를 통합합니다.
• JavaScript를 사용하여 중국어 번체와 중국어 간체 간을 빠르게 전환하는 방법과 중국어 간체와 중국어 번체 간 전환을 지원하는 웹사이트의 요령_javascript 기술