---
# System prepended metadata

title: Binding Expressions
tags: [Components]

---

# Binding Expressions

> * 如有錯誤處指正或任何建議，懇請留言，感謝!
> * 搭配 ChatGPT 進行翻譯，請小心服用
> * ▸ ... 為英文原文


:::spoiler ...
The purpose of components is to merge data with the JSX template. You use the `{expression}` to inject data into a template. Expressions are placed either as a text node or attribute on an element.

-   Bind `data.name` to the `value` attribute of `<input/>`.
-   Bind `data.description` to the content of `<textarea/>`.
::: 

元件的目的是將資料與 JSX 模板合併。您可以使用 `{expression}` 將資料導入模板。表達式會放在元素的文本節點或屬性上。

-   將 `data.name` 綁定到 `<input/>` 的 `value` 屬性。
-   將 `data.description` 綁定到 `<textarea/>` 的內容。

###### tags: `Components`