---
# System prepended metadata

title: HTML 轉 React  注意事項

---

# HTML 轉 React  注意事項

1. 單一行的結尾必須要是/> - 常見於input, hr, br, img等標記的問題
2. class要換成className
3. label標籤的for要換成htmlFor
4. style要變成js的物件值(雙花括號) - 建議較少使用

```javascript=
// 原本的行內CSS
style="color:red; font-size:8px"

// 轉換後的行內CSS
style={{ color: 'red', fontSize: '8px' }}
```

5. a href改成link to
```javascript=
// 原本的a連結
<a href="/about">關於我們</a>

// 在react內要改成這樣
<Link to="/about">關於我們</Link>
```

