차이점: 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'
style={{BackgroundColor: "white"}}
onClick="clickSearch(e)"
onClick={(e)=>this.clickSearch(e)}
🎜 🎜🎜4. 리소스 소개🎜🎜🎜javascript: 🎜<link rel="stylesheet" href=". . /css/iuapmobile.um.css">
🎜🎜<script src="../js/summer.js" ></script>🎜🎜🎜🎜react:🎜
- 🎜css:
import SearchRoomStyle from './searchRoom.css';
🎜 🎜
- 🎜js:
import ForgetUser from '../comComponents/ForgetUser.js'
🎜🎜🎜🎜더 많은 프로그래밍 관련 지식을 보려면 🎜프로그래밍 소개🎜를 방문하세요! ! 🎜
위 내용은 반응과 자바 스크립트의 차이점은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!