---
# System prepended metadata

title: ExamIssue.jsx
tags: [N108 Component]

---

---
tags: N108 Component
---
# ExamIssue.jsx
- component 切換流程圖
- 可以配合 PPT 17頁
```graphviz
digraph Pageswitch {
                nodesep=0.8
                node [color=orange, fontsize=22, shape=box]
                edge [color=RosyBrown, style=dashed]
                Exam->{Contain Wrapper}
                Wrapper->{ProblemImg Choosebtn Issue}
                Issue [color=orange, fontsize=22, shape=box,style=filled, fillcolor=Bisque]
}
```
## import 資料
| 名稱 | 類型 | 描述 | 來源 |
| :------ | :----------- | :----------- | :----------- |
| img | <font color='Red'>image</font> | Issue圖示 | image/danger.png |
| api |  <font color='Green'>function</font> |  API function | app/lib/api.js |
## 獨立 function
| 名稱 | 描述 | async 是否 |
|:--|:--|:--|
|issue()|Call API，將資料傳送給 database 更新|是|
- Call API 後會重新 render 上層 component
## API 數量表格
| 名稱 | 類型 | 描述 | 位於 |
|:--|:--|:--|:--|
|Exam/issue|<font color='lightgreen'>put</font>|將不正常的題目 PID 給資料庫做濾除|issue()|
## render
### return 
- 純 HTML 不介紹

[回上層 ExamWrapper.jsx](https://hackmd.io/JqzV6luhSsCA3CPCxtt_sg?view)