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为只读类型，将其放入文本输入框这种可改变内容的域中是错误的做法”。

图3.6 React Props只读性