[React.js] React에서 지원하는 API

React의 API란?

JSX 구문에서 사용되지않고, OS의 javascript엔진에서 사용하는 모든 기능

 

---

React Native API

 

Alert

대화 상자를 보여주는 API

import {Alert} from 'react-native'
// API 불러오기

Alert.alert("제목", "메시지")
// React Native에서 함수형식으로 사용

 

StyleSheet API

[React.js] React와 CSS

 

Platform API

앱이 어디서 구동되는지 (android, ios) 확인하는 API

import {Platform} from 'react-native'
console.log(Platform.OS)

// select로 운영체제 별 리턴값 설정가능
const data = Platform.select({ios: "ios", android: "android"})
console.log(data)

 

Dimensions API

앱이 실행된 화면의 크기(폰 크기)를 확인하는 API

import {Dimensions} from 'react-native'
const {width, height} = Dimensions.get('window')

 

createContext API

context를 만들수 있게 해주는 API

( react hook인 useContext와 함께 사용 )

import { createContext } from "react"  // createContext 함수 불러오기

// context안에 homeText란 변수를 만들고, 공백("") 문자를 저장한다.
const newContext = createContext({
  homeText: "",
})