Xoay mũi tên khi bấm vào từng folder tương ứng

[KhoaTT (Ngo ngoc khoa)]

Chào mọi người, em đang làm UI bằng reactstrap, em gặp 1 vấn đề là làm sao biết thằng nào vừa bấm để nó xoay mũi tên tương ứng với th đó nhỉ, hiện tại em bấm thằng nọ thì nó xoay thằng kia. Em cảm ơn mọi người đã đọc

<Nav vertical>
  {folders.map((folder, index) => (
    <NavItem  key={index}>
      <div className="folder-option__folder" id={folder.togger}>
        <img src={Icons.FOLDER_ICON1} alt="" />
        <span>{folder.nameFolder}</span>
        <div className="folder-option__icon">
          <img src={Icons.CARET_DOWN_ICON} alt="" />
        </div>
      </div>
      <UncontrolledCollapse toggler={folder.togger} key={index}>
        <Nav vertical>
          {folder.notes.map((note, index1) => (
            <NavItem key={index1}>
              <div className="folder-option__item">
                <img src={Icons.MESS_ICON} alt="" />
                <div className="folder-option__content">
                  <h4>{note.nameNote}</h4>
                  <span>{note.dateNote}</span>
                </div>
              </div>
            </NavItem>
          ))}
        </Nav>
      </UncontrolledCollapse>
    </NavItem>
  ))}
</Nav>

[noname00 (HK boy)]

Bạn vui lòng up code lên dưới dạng text, không chụp hình:

Cách post Code dùng Markdown trong Category Programming

Làm sao để có thể hiển thị syntax highlighting bằng markdown? Các bạn phải đánh dấu ``` như ví dụ dưới đây Chú ý, dấu ``` được tạo ra bởi nút nằm bên trái số 1 trên bàn phím, nút này sẽ là ~ khi bấm giữ Shift Ví dụ cho C Nội dung: ``` void main() { } ``` Và đừng quên ``` ở cuối Kết quả void main() { } Ví dụ cho Pascal Nội dung: ``` Program HelloWorld; Begin WriteLn('Hello world!') {no ";" is required after the last statement of a block - adding one adds a "null statement" to t…

[KhoaTT (Ngo ngoc khoa)]

dạ em đã đổi lại rồi, em cảm ơn đã nhắc nhở