React 💬5

🎈 State 🎈

📌 State는 데이터가 오는 곳이다.

📌 State는 가능한 간단하게 그리고 stateful component의 숫자를 최소화해야 한다.

 

 

App.jsx

import React from 'react';

class App extends React.Component {
	constructor(props) {
		super(props);
        
        this.state = {
        	header: "Header from state...",
            content: "Content from state..."
        }
    }
    render() {
    	return (
        	<div>
            	<h1>{this.state.header}</h1>
                <h2>{this.state.content}</h2>
            </div>
        );
    }
}

export default App;

main.js

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App.jsx';

ReactDOM.render(<App />, document.getElementById('app'));

 

 

💻