test.js
var React = require('react');
var {Form, Input} = require('react-form');
var {Password, Text} = require('react-form-inputs');
var LoginForm = React.createClass({
render() {
return (
<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>
);
}
});
var user = {
username: null,
password: null
};
React.render(<LoginForm object={user} />, document.getElementById('app'));
按照http://npm.taobao.org/package/es6-spread 上面的例子
browserify -t es6-spread test.js
提示
6 | render() {
7 | return (
> 8 | <Form {...this.props} for="user">
browserify -t browserify-jsx -t es6-spread form.js也是一样
transform(babelify,{ presets: ["es2015", "react"]}) 只要是这里的配置
如果你直接用命令行编译在根目录下新建一个.babelrc 文件,里面加上