React/리액트(코딩애플)

import / export / state 데이터 바인딩

오류확인자 2023. 6. 21. 14:26

import / export / state 데이터 바인딩

export / import 문법

다른 파일에 있는 것을 가지고 올 수 있음

그럴려면 export/ import 문법이 필요함.

  1. 변수를 export하고
  2. import하면 끝

export 하려면 → export default 변수명

let a = 10;

export default 변수명

export 여러개 하려면 → export {변수1, 변수2}

let a = 10;
let b = 100;

export { a, b }

import 하려면 → import 작명 from ‘파일경로’

import 작명 from './data.js'

import 여러개 하려면 → import{ 변수1, 변수2 } from ‘경로’

import {a, b} from './data.js'

object 자료

1. let a = [’kim’, 20]

→ array 자료형

→ a[0] 인덱싱

 

2. let b = { name: ’kim’, age: 20}

b.name → kim 나옴 .이 자료를 찍어줌

시작이 []면 array 자료임

시작이 {}면 object 자료