[TIL]state
🔍 state
state란 컴포넌트 내부에서 바뀔 수 있는 값을 의미한다.
클래스형 컴포넌트, 함수형 컴포넌트에서 통해 사용하는 state 두 가지 종류가 있다.
state란 컴포넌트 내부에서 바뀔 수 있는 값을 의미한다.
클래스형 컴포넌트, 함수형 컴포넌트에서 통해 사용하는 state 두 가지 종류가 있다.
💻 state를 사용해보자!
import React from 'react';
class State extends React.Component {
constructor() {
super();
this.state = {
color: 'red'// state
};
}
render() {
return (
<div>
<h1>Class Component | State</h1>
</div>
);
}
}
export default State;
💻
import React, { Component } from 'react';
class State extends Component {
constructor() {
super();
this.state = {
color: 'red',
};
}
handleColor = () => {
this.setState({
color: 'blue'
})
}
render() {
return (
<div>
<h1 style={{ color: this.state.color }}>Class Component | State</h1>
<button onClick={this.handleColor}>Click</button>
</div>
);
}
}
export default State;
Author And Source
이 문제에 관하여([TIL]state), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@newjinny/TILstate저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)