React 구성 요소에 활성 CSS 속성을 추가하는 방법은 무엇입니까?

Question

일부 스타일을 추가하여 항목을 클릭하면 배경색이 달라집니다.

클래스 ItemList를 가져 오는 클래스 ItemSection을 가져 오는 클래스 App가 있습니다. ItemSection과 ItemList 둘 다 내 propType에 activeItem: React.PropTypes.object.isRequired이 선언되어 있습니다.

나는 문제가 내 앱의 렌더링 방법으로 생각 :

render(){ 
return(
    <div className = 'app'> 
    <div className = 'manipulateItem'> {/*Need a better className*/} 
     <ItemSection 
     items = {this.state.items} 
     addItem = {this.addItem.bind(this)} 
     setItem = {this.setItem.bind(this)} 
     deleteItem = {this.deleteItem.bind(this)} 
     editItem = {this.editItem.bind(this)} 
     activeItem = {this.state.activeItem} /*THIS LINE I BELIEVE*/ 
     /> 
    </div> 
    </div> 
) 
} 

을 그리고 이것은 내 역 추적입니다 :

bundle.js : 1251 경고 : 실패 소품 유형 : 소품 activeItem에 지정되지 않은 필수 ItemList. (응용 프로그램에 의해 생성) ItemSection 에서 (ItemSection에 의해 생성) ITEMLIST 에 는 사업부에서 앱

에서 (응용 프로그램에 의해 생성) 사업부 에 (응용 프로그램에 의해 생성)이 activeItem: React.PropTypes.object.isRequired 선언이 당신은 당신의 질문에 명시되어

Answer 1

귀하의 propType에서하지만 당신은 구체적으로 상태 개체에서 activeItem을 요구하고 있습니다 - activeItem = {this.state.activeItem}. 구성 요소로 전달하는 소품에서 activeItem의 값을 사용하려면 this.props.activeItem을 사용해야합니다.

희망이 도움이됩니다.