상태를 업데이트할 때 React 구성 요소가 다시 렌더링되지 않습니다.
<p>이 문제에 대한 더 나은 해결책이 있다고 생각합니다.
내 고양이 개체 배열이 포함된 파일이 있습니다. </p>
<pre class="brush:php;toolbar:false;">var 카테고리 = [
{
"ID": 1,
"name": "팩토리",
"선택됨": 거짓
},
{
"ID": 2,
"name": "전화 통신",
"선택됨": 거짓
},
{
"ID": 3,
"name": "컴퓨터",
"선택됨": 거짓
},
{
"ID": 4,
"이름": "Rachunkowośc",
"선택됨": 거짓
},
{
"ID": 5,
"name": "금융",
"선택됨": 거짓
}
];</pre>
<p>다음이 있습니다:</p>
<pre class="brush:php;toolbar:false;"><ul className="category">
{this.state.categories.map((item,index) =>
<li onClick={()=>this.filterCategory(item,index)} key={item.id} className={item.selected? 'active' : ''}>{item.name}< /li>
)}
<p>내 filterCategory 함수: </p>
<pre class="brush:php;toolbar:false;">filterCategory(item,index) {
this.state.categories[index].selected = !this.state.categories[index].selected;
this.forceUpdate();
}</pre>
<p><code>forceUpdate()</code>를 사용하지 않고 이를 어떻게 구현할 수 있는지 아시나요? 스택에서 <code>this.forceUpdate()</code> 사용을 피해야 한다는 내용을 읽었습니다. </p>
