React2 리액트 뽀개기 (3) state를 알아보자. state는 클래스에서만 사용이 가능하다 props와 비슷하지만 컴포넌트에 의해 완전히 제어되며 private속성이다. 일단 함수 컴포넌트에서 클래스 컴포넌트로 조금 수정을 했다. import React from 'react'; import logo from './logo.svg'; import './App.css'; import Clock from './Clock'; class App extends React.Component { render() { return ( ); } } export default App; 그리고 Clock이라는 컴포넌트를 만들었다. import React, { Component } from 'react'; class Clock extends Compone.. 2019. 12. 26. 리액트 뽀개기(2) 저번에는 간단하게 JSX에 대해서 알아봤다. 이번엔 props이다 props는 읽기 전용으로 수정할 수 없다고 한다. 사용해보자. //ex1.js import React from 'react'; class Ex1 extends React.Component { render(){ return 안녕하세요. { this.props.name }님; } } export default Ex1; 간단하게 ex1.js에서 만들었다. 이것을 App.js에서 사용할 것이다. import React from 'react'; import logo from './logo.svg'; import './App.css'; import Ex1 from './ex1'; function App() { return ( ); } export .. 2019. 12. 26. 이전 1 다음