React-表单详解

一、表单事件

React支持所有的HTML事件，这些事件遵循驼峰命名的约定，且会转成合成事件，这些事件是标准化的，提供饿了跨浏览器的一致接口。

所有合成事件提供了event.target来访问触发事件的DOM节点。

handleEvent：funciton(syntheticEvent){

var DOMNode=syntheticEvent.target;

var newValue =DOMNode.value;

 

}

这是访问约束组件的值的最简单方式之一。

 

Lavbel是表单元素中很重要的组件，通过Label可以明确地向用户传达你的要求，提升单选框和复选框的可用性。

 

二、Label：

 

但Label与for属性有一个冲突的地方，因为使用JSX，这个属性会被转换成一个JavaScript对象，且作为第一个参数传递给组件的构造器，但由于for属于JavaScript的一个保留字，所以我们无法把它作为一个对象的属性。

在React中，与class变成了cla