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

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 로 변수 저장한 후 중괄호 {}를 이용해 불러올 수 있다.