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

차이점: 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!