>웹 프론트엔드 >JS 튜토리얼 >React Native에서 코드에 주석을 다는 방법

React Native에서 코드에 주석을 다는 방법

青灯夜游
青灯夜游원래의
2020-12-21 17:07:073519검색

리액트 네이티브에서 코드에 주석을 추가하는 방법: 1. HTML 태그 노드 내부에 "{/* */}"를 사용하여 주석을 달았습니다. 2. HTML 태그 노드 외부에서 여러 개의 경우 "/**/"로 주석을 달려면 한 줄에 "//"로 주석을 달 수 있습니다.

React Native에서 코드에 주석을 다는 방법

이 튜토리얼의 운영 환경: windows7 시스템, React Native0.6&&react16 버전, 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.

추천 튜토리얼: React 비디오 튜토리얼

React Native는 댓글에 너무 까다롭고 종종 오류를 보고하며 매우 지능적이지 않습니다. 다음은 댓글 요약입니다.

코드는 다음과 같습니다.

        //标题栏
        ① 11676cce6cd603bf0d82d9fd0667526d
            ②70dc183307a8935ad2def18e3a70a45e3e10c0c3bd26d984e00128fc4c74ac1bHeaderb735fb8965edb39ac28662131d16c063
            3d260b73c372472a96940693fb62cbcc
          //Tab栏
          0163496f741cf4a3a6d60244dd3fd42a 67c8380713b32081c3104ec94ba56d81}//默认样式,Tab栏不可滑动
              tabBarUnderlineStyle={styles.lineStyle}//下划线
              tabBarActiveTextColor='#FF0000'>         

          94f685590481c166e49f637426936dfd
            eb1064aab53c77a64ebb21adda5a990d
                b4a226bead624681d8cc0bc767df382c{item.key}b735fb8965edb39ac28662131d16c063
            1d37001aadc107a81e197a893ba89ea3
          }
          />
정상적으로 실행됩니다. 댓글을 추가한 후 다양한 오류가 보고되었습니다.

조사 결과


>가 발견되었습니다. 댓글 내용이 HTML 태그에 있으면 안 됩니다. 그렇지 않으면 표시됩니다. .텍스트 내용

예를 들어 위의 //Tab 바는 ②의 바깥쪽에 있어도 여전히 ① 안에 표시되는 텍스트로 간주되어 오류가 발생합니다. 주석은 {/* 일반 주석이어야 합니다. {}를 사용하세요.*/}를 사용합니다. line

react 네이티브는 JS와 html을 결합한 JSX 언어를 사용합니다. 모든 주석은 다음과 같습니다.

var content = (
  f4fdefacb9d1b27eee008428b9326e3c
    {/* 一般注释, 用 {} 包围 */}
    04fdb84174d15ff488bf05723927c9f0
  63b39a681ee211de3e07344ad97de9bf
);
JSX에서는 주석을 추가하기만 하면 됩니다. 태그의 하위 노드((가장 바깥쪽이 아닌 레이어) 주석 처리할 부분을 {}로 둘러쌉니다.

class ReactDemo extends Component {
  render() {
    return (      <View style={styles.container}>
        {/*标签子节点的注释*/}
        <Text style={styles.welcome}
          //textAlign=&#39;right&#39;
          textShadowColor=&#39;yellow&#39;
          /*color=&#39;red&#39;
          textShadowRadius=&#39;1&#39;*/
          >
          React Native!        </Text>
      </View>
    );
  }
}

레이블 노드 외부의 주석은 일반 주석과 동일합니다. 여러 줄이 있는 경우, //, } 다음에 //

더 많은 프로그래밍 관련 지식을 보려면

프로그래밍 소개

를 방문하세요. !

위 내용은 React Native에서 코드에 주석을 다는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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