3.7 React Props只讀性

雖然React Props很好用，但在使用上是有限制的。React框架規定Props是不能被修改的，也就是說Props是個只讀的參數。如果嘗試修改Props會發生什么呢？下面，我們再回過頭看一下【代碼3-7】定義的代碼實例：

【代碼3-7節選】（詳見源代碼目錄ch03-react-props-form.html文件）

關于【代碼3-7節選】的說明：

●第23行和第29行代碼分別通過<input>標簽元素定義了一個文本輸入框，注意在<input>標簽元素中增加定義了只讀屬性（readOnly）。

這里為什么要增加這個只讀屬性呢？為了更好地說明這里的代碼，我們將【代碼3-7】改寫如下：

【代碼3-8】（詳見源代碼目錄ch03-react-props-readonly.html文件）

關于【代碼3-8】的說明：

●在第23行和第29行代碼通過<input>標簽元素定義的文本輸入框中，取消了只讀屬性（readOnly）的定義。

測試網頁的效果如圖3.6所示。如圖中的標識所示，瀏覽器控制臺中顯示了關于props參數使用的錯誤信息。這里就不逐句翻譯內容了，大致意思就是“Props為只讀類型，將其放入文本輸入框這種可改變內容的域中是錯誤的做法”。