使用 es6 标准在 redux 中使用 mixins 的最佳方法是什么?
what is the best way to use mixins in redux with es6 standard?
我只是一个新手学习 React/Redux 这很漂亮 cool.But es6 不支持一些功能 standard.Yes 我看到了很多替代方法但是我无法得到它(使用高阶函数)。将 mixins 添加到我的 React es6 代码中的任何帮助
import React from 'react';
import Fetch from 'whatwg-fetch';
import jwt from 'jwt-simple';
import Reflux from 'reflux';
const secret = 'goal';
class Form extends React.Component{
// mixins:[
// Not supported in es6
// ],
constructor(props){
super(props);
this.state = {
value:'',
posted:''
}
}
onPost(e){
e.preventDefault();
if(this.refs.email.value && this.refs.name.value != ''){
const data = {
email:this.refs.email.value,
name:this.refs.name.value
};
const encodehead = jwt.encode(data,secret);
const encrypt = {
encode:encodehead
};
$.ajax({
type: 'POST',
url: '/post',
headers: {
kovam: encodehead
},
})
}
}
render(){
console.log(this.state);
return (
<div>
<form className="postform" onSubmit={this.onPost.bind(this)}>
<label>Email Addres</label>
<input type="email" ref="email" className="form-control"/>
<label>Name</label>
<input type="text" ref="name" className="form-control"/>
<br/>
<br/>
<button type="submit" className="btn btn-primary">Post To server</button>
</form>
</div>
)
}
}
export default Form;
你应该使用 Higher Order Components instead, mixins are no longer used in ES6 classes, see this article.
使用来自 Reflux 的 ES6 API:https://github.com/reflux/refluxjs#react-es6-usage
它目前只能从那个 git 回购本身获得(还不是 npm 或任何东西),但它运行良好。
我只是一个新手学习 React/Redux 这很漂亮 cool.But es6 不支持一些功能 standard.Yes 我看到了很多替代方法但是我无法得到它(使用高阶函数)。将 mixins 添加到我的 React es6 代码中的任何帮助
import React from 'react';
import Fetch from 'whatwg-fetch';
import jwt from 'jwt-simple';
import Reflux from 'reflux';
const secret = 'goal';
class Form extends React.Component{
// mixins:[
// Not supported in es6
// ],
constructor(props){
super(props);
this.state = {
value:'',
posted:''
}
}
onPost(e){
e.preventDefault();
if(this.refs.email.value && this.refs.name.value != ''){
const data = {
email:this.refs.email.value,
name:this.refs.name.value
};
const encodehead = jwt.encode(data,secret);
const encrypt = {
encode:encodehead
};
$.ajax({
type: 'POST',
url: '/post',
headers: {
kovam: encodehead
},
})
}
}
render(){
console.log(this.state);
return (
<div>
<form className="postform" onSubmit={this.onPost.bind(this)}>
<label>Email Addres</label>
<input type="email" ref="email" className="form-control"/>
<label>Name</label>
<input type="text" ref="name" className="form-control"/>
<br/>
<br/>
<button type="submit" className="btn btn-primary">Post To server</button>
</form>
</div>
)
}
}
export default Form;
你应该使用 Higher Order Components instead, mixins are no longer used in ES6 classes, see this article.
使用来自 Reflux 的 ES6 API:https://github.com/reflux/refluxjs#react-es6-usage
它目前只能从那个 git 回购本身获得(还不是 npm 或任何东西),但它运行良好。