[React] React 기초 문법

1. return의 {} 코드에 자바스크립트 넣어도 잘 동작함

주의할점 <tag></tag> 사이에 넣어야 잘 동작함.

const MainTemplate = ({ timeModules, MyChart }) => {
    {console.log("hellow wolrd 123")}
    return (
        <div>
            {console.log("hellow wolrd 124")}
        </div>
    )
}

<<출력화면>>
hello world 123
hello world 124

 

2. React Button 누르면 값 바뀌게 하기

 
 export default class Eaxmple extends React.Component {
   constructor(props) {
      super(props);

      this.state = {
        text: "변경 전이요",
      };
    }
    
  changeText = () => {
    this.setState({
      text: "변경 성공!",
    });
  };
  
  render() {
    return (
      <div>
        <h1>{this.state.text}</h1>
        <button onClick={this.changeText}>버튼</button>
      </div>
    );
  }
}

 

 

hook