React22 const, state App.js import React, { Component } from "react"; class App extends Component { //키워드 state = { name: "홍길동", nickname: "야식왕", }; //그림을 그려주는 함수 render() { const btnClick = () => { //this.state.nickname = "홈런왕"; this.setState({ nickname: "홈런왕", }); //render가 재호출되지 않아서 뷰에서는 이전 닉네임으로 그대로 남아있음. console.log(this.state.nickname); }; //this : 현재 클래스. function return ( 나의 이름은 {this.state.name} 입니다 . 나의 별명.. 2020. 7. 14. 리액트 기초 리액트는 인덱스가 js가 실행되면 html에서 루트라는 값을 찾아 App내부의 값을 채운다. App은 App.js이다. 결국 우리는 App.js만 신경 쓰면 된다. 리액트의 그림을 그리게 하는 문법은 jsx문법이다. 리액트는 다른 웹문법과는 다르게 class 첫 이름을 대문자로 지정한다. -App.css .Box{ background-color: aqua; text-align: center; } 또, html과 다르게, 기본적으로 리액트는 박스 하나만 랜더링 하기 때문에, 그냥 단순히 이렇게 적으면 오류가 난다. 따라서, 이걸 해결하기 위해서는 박스로 하나로 묶으면 된다. import React from 'react'; import logo from './logo.svg'; import './App.cs.. 2020. 7. 8. 이전 1 ··· 3 4 5 6 다음 반응형