>  기사  >  웹 프론트엔드  >  반응과 자바 스크립트의 차이점은 무엇입니까?

반응과 자바 스크립트의 차이점은 무엇입니까?

青灯夜游
青灯夜游원래의
2021-10-15 16:33:063910검색

차이점: 1. 클래스 작성 방식이 다릅니다. js는 "class"이고, React는 "className"입니다. 2. 스타일 작성 방식이 다릅니다. js는 "style="attribute:value""입니다. React는 "style={{attribute:" Value "}}"입니다. 3. React 변수는 중괄호이고 js는 따옴표입니다.

반응과 자바 스크립트의 차이점은 무엇입니까?

이 튜토리얼의 운영 환경: windows7 시스템, javascript1.8.5&&react16 버전, Dell G3 컴퓨터.

React 코드의 작성 형식이 이전 JS와 많이 다릅니다.

1. 스타일 작성 방법 class

javascript: class

react: className

2. 스타일 작성 방법(React Camel Case 명명)

javascript: style="Background-color" :white "
style="background-color:white"

react:style={{backgroundColor: "white"}}

3、变量(react变量是大括号,js是引号)

javascript: onClick="clickSearch(e)"

react:onClick={(e)=>this.clickSearch(e)}

4、资源的引入

javascript: 

  • css:      <link rel="stylesheet" href="../css/iuapmobile.um.css">

  • js:        <script src="../js/summer.js" ></script>

react:

  • css:      import SearchRoomStyle from './searchRoom.css';

  • js:        import ForgetUser from '../components/ForgetUser.js'

    react: style={{BackgroundColor: "white"}}

3. 변수(react 변수는 중괄호, js는 따옴표)

javascript: onClick="clickSearch(e)"
🎜🎜react: onClick={(e)=>this.clickSearch(e)} 🎜 🎜🎜4. 리소스 소개🎜🎜🎜javascript: 🎜
  • 🎜css: <link rel="stylesheet" href=". . /css/iuapmobile.um.css">🎜🎜
  • 🎜js:   <script src="../js/summer.js" ></script>🎜🎜🎜🎜react:🎜
    • 🎜css: import SearchRoomStyle from './searchRoom.css';🎜 🎜
    • 🎜js: import ForgetUser from '../comComponents/ForgetUser.js'🎜🎜🎜🎜더 많은 프로그래밍 관련 지식을 보려면 🎜프로그래밍 소개🎜를 방문하세요! ! 🎜

위 내용은 반응과 자바 스크립트의 차이점은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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