[React] 리액트 컴포넌트 생성 & 활용

[React] 리액트 컴포넌트 생성 & 활용

- Test 컴포넌트 생성

import React, { Component } from 'react';
 
class TestCom extends Component {
  render() {
    return (
      <div>
        TestCom엔 뭐가들어을까요?</br>
        <b>{this.props.test}</b> 입니다.
      </div>
    );
  }
}
 
export default TestCom ;

-컴포넌트 활용

import React, { Component } from 'react';
import TestCom from './TestCom ';
 
class App extends Component {
  render() {
    return (
      <TestCom test="리오" />
    );
  }
}
 
export default App;

import를 통하여 TestCom 컴포넌트를 불러오고 랜더링 해오면 됩니다.

이를 응용하여 사용하면 됩니다.