일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- javascript
- hot Reloading
- list.map
- 웹
- php문법
- await
- list
- 리덕스
- typescript
- rebase
- createPortal
- merge
- 자동반영
- Kotlin
- 비동기처리
- 컬러구성
- redux
- 공부
- async
- 리액트
- 리액트를 다루는 기술
- Git
- equalityFn
- react
- 리사이클러뷰
- useCallback
- CSS
- pull
- useState
- 가상회선교환
- Today
- Total
목록리액트/리액트 공부 (10)
공부블로그
함수형 컴포넌트로 작성 App. js import React from "react"; import Counter from "./Counter"; const App = () => { return 컴포넌트; //props사용 }; export default App; Counter. js // input을 두개 받아서 + or - 버튼을 누르면 연산하기 import React, { useState } from "react"; //함수형 컴포넌트라 useState사용 const Counter = ({ role, children }) => { //props파라미터로 받기 const [number, setNumber] = useState({ one: "", two: "" }); //객체 초기값 const [resu..
import React from 'react'; import './App.css'; const App = () => { const name='리액트'; return {name}; } /* function App() { const name = '리액트'; return {name}; } */ export default App; - render( )필수 import React, { Component } from 'react'; class App extends Component { render() { const name='리액트'; return {name}; } } export default App; function App( ) { ... }, class App ..