react Box component 만들기

react Box component 만들기

import React from "react";
 
class Box extends React.Component {
  render() {
    return (
      <div>hello</div>
    )
  }
}
 
export default Box

hello가 출력되는 Box 만들기.

import Box from './components/Box'

이렇게 import하고 쓴다.

click event만들기

import React from "react";
 
class Box extends React.Component {
  constructor(props) {
    super(props)
    this.handleOnClick = this.handleOnClick
  }
  handleOnClick(){
    alert("hello")
  }
  render() {
    return (
      <div>
        <button onClick={()=>this.handleOnClick()}>받기</button>
      </div>
    )
  }
}
 
export default Box

화면

end.