리액트12 React :: 클래스 컴포넌트 클래스 컴포넌트 단축키 rcc AppClass.js import React, { Component } from 'react' export default class AppClass extends Component { render() { return ( AppClass ) } } App.js import React, { Component } from 'react'; export default class AppClass extends Component { //컴포넌트가 실행되자마자 바로 호출 된다 constructor(props) { super(props); this.state = { counter2: 0, num: 1, value: 0, }; } increase = () => { //전달할 객체 안에 thi.. 2022. 8. 22. React :: 버튼 클릭시 숫자 카운트 되기 새 프로젝트 폴더를 만들고 npm start를 해도 실행이 안되면 경로충돌이 일어난 경우일 수 있으므로 새로 다시 시작해보는게 좋다 리액트에서는 클릭! onClick => c를 대문자로 표기한다, onClick 뒤에 {} 가 사용된다 App.js import './App.css'; function App() { let counter = 0; const increase = () => { counter += 1; console.log('카운터 확인!', counter); }; return ( {counter} 클릭! ); } export default App; UI는 변함 없으나, 확인용 콘솔창에는 클릭시 숫자가 올라감을 확인할 수 있다 UI에도 숫자가 바뀌는 것을 보여지도록 수정해야 한다! 리액트에서는 s.. 2022. 8. 12. 이전 1 2 다음
'리액트' 태그의 글 목록 (2 Page)
