{TIL} 0204

 

 

 

1. React에서, eventHandler에서 다루지 않는 함수에는 bind를 붙일 필요가 없습니다.

예를 들어 onClick 시 동작해야하는 함수에는 bind를 항상 붙여야 하지만, 그렇지 않은 경우(eventHandler를 사용하지 않을 때)에는 굳이 bind를 붙일 필요가 없습니다.

 

이렇게 toggleList 함수가 onClick에 의해 작동할 땐 bind로 묶어줘야 합니다.

<div class="list_title">
	<button onClick={this.toggleList.bind(this, key)}> aa </button>
</div>

 

2. setState 함수 내부도 엄연히 하나의 scope입니다!

this.setState({currBtn: btn}, () => {
	this.props.functionA(currBtn)
	})

 

setState함수 내부의 첫번째 currBtn에는 this.state를 붙일 필요가 없습니다. 하지만 props인 functionA 함수 내부의 (두번째) currBtn은 this.state를 붙여주어, currBtn 변수가 state임을 명시해줘야 합니다.

 

이렇게 바꿔주면 됩니다.

this.setState({currBtn: btn}, () => {
	this.props.functionA(this.state.currBtn)
	})
    
// 또는

let(currBtn) = this.state
this.setState({currBtn: btn}, () => {
	this.props.functionA(currBtn)
	})