React 변수에 있던 자료를 HTML에 넣기

2024. 1. 16. 01:26 · Programming/React
import "./App.css";

function App() {
    let post = '강남 우동 맛집'; // 서버에서 가져온 실제 테이터라는 가정

    return (
        <div className="App">
            <div className="nav-bar">
                <h4 id={post} style={{ color: 'red' }}>네비게이션 바</h4>
            </div>
            <h4>{post}</h4>
        </div>
    );
}

export default App;

 

let post 로 변수 저장한 후 중괄호 {}를 이용해 불러올 수 있다. 

728x90

'Programming > React' 카테고리의 다른 글

리액트 Button을 누르면 state 변경 값으로 전환 *원본 데이터 보존  (0) 2024.01.16
함수 만들기 : 식은 무조건 그릇을 따로 만들어서  (0) 2024.01.16
리액트 Warning 경고 안뜨게 하기 /* eslint-disable*/  (0) 2024.01.16
state란? 왜 쓰는 것일까? destructuring?  (1) 2024.01.16
var 대신 const 와 let으로 변수선언하기  (3) 2024.01.06
'Programming/React' 카테고리의 다른 글
  • 함수 만들기 : 식은 무조건 그릇을 따로 만들어서
  • 리액트 Warning 경고 안뜨게 하기 /* eslint-disable*/
  • state란? 왜 쓰는 것일까? destructuring?
  • var 대신 const 와 let으로 변수선언하기
따`ddah
따`ddah
    250x250
  • 따`ddah
    IT's ddah
    따`ddah
  • 관리    글쓰기
  • 전체
    오늘
    어제
    • 분류 전체보기
      • Projects
        • Auto Post : SNS 자동 업로더
      • kmooc
        • 기계 학습 기반의 데이터 공학
      • Algorithm
        • [C] Do it! 자료구조와 함께 배우는 알고리..
        • 알고리즘 스터디
        • 코딩 테스트
      • Basic
        • 운영체제 OS
        • 컴퓨터구조
        • 소프트웨어공학 (UML)
      • DBMS
        • 데이터베이스 이론
        • MySQL
        • Oracle SQL
        • BigQuery
        • Yammer
      • Programming
        • Python
        • C
        • Java
        • React
        • JavaScript
        • R
      • 빅데이터
      • AI
        • 멀티미디어응용
        • 머신러닝
        • 인공지능
      • 자격증
        • Azure DP-900
        • Azure AI-900
        • SQLD
        • CSTS
      • 대외활동 및 인턴
        • 인턴
        • LG Aimers
        • Outta
        • 빅데이터 분석 학회 BDA
        • 세계시민교육연구소 청년단 GYIA
      • Tool
        • Git
        • IDE
      • 도서
        • IT
      • 그 외
        • 단축키
        • ✞
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    오블완
    javascript
    대학생학회
    importturtle
    대외활동
    python
    AI역량검사
    빅데이터분석
    BDA학회
    print(f"")
    sql
    Py
    js
    react
    오라클SQL
    취업준비
    input
    리액트
    파이썬{}
    Oracle
    dbms
    이름나이
    자바스크립트
    취업
    주석
    파이썬
    파이썬 챗봇 만들기
    티스토리챌린지
    jsx
    자료형
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.3
따`ddah
React 변수에 있던 자료를 HTML에 넣기
상단으로

티스토리툴바