除了用refs一个一个写以外,有没有方便一点的办法
React怎么收集整个form表单的值?
zhiquan.yu
#3
推荐使用受控表单,给表单元素 input 等添加 onChange 事件,更改对应的 state,这个过程可以添加数据验证。
推荐阅读:
表单组件 注:这篇文章将原文的 Controlled Components 翻译为受限组件,我认为翻译为受控组件更合适一些。
Or
Forms
tablecell
#5
form.js
var React = require('react');
var ReactDOM = require('react-dom');
var {Form, Input} = require('react-form');
var {Password, Text} = require('react-form-inputs');
var LoginForm = React.createClass({
render() {
return (
<div>
<Form {...this.props} for="user">
<h1>Login</h1>
<Input type={Text} for="username" placeholder="Username" />
<Input type={Password} for="password" placeholder="Password" />
<input type="submit" value="Login" />
</Form>
</div>
);
}
});
var user = {
username: null,
password: null
};
ReactDOM.render(<LoginForm object={user} />, document.getElementById('example'));
browserify -t browserify-jsx form.js
Error: Parsing file form.js: Unexpected token (10:0)
这个写法怎么转换?