Javascript 如何使混合器在react es6中工作?
我正在学习流星和流星。我遇到了混合功能。我正在使用es6,其中mixin被删除。我现在如何在react es6代码中享受mixin的功能 这里有一个代码 使用的混音器Javascript 如何使混合器在react es6中工作?,javascript,meteor,reactjs,ecmascript-6,ecmascript-5,Javascript,Meteor,Reactjs,Ecmascript 6,Ecmascript 5,我正在学习流星和流星。我遇到了混合功能。我正在使用es6,其中mixin被删除。我现在如何在react es6代码中享受mixin的功能 这里有一个代码 使用的混音器 Signupform = React.createClass({ mixins: [ReactMeteorData], getMeteorData(){ let data = {}; data.currentUser = Meteor.user(); return d
Signupform = React.createClass({
mixins: [ReactMeteorData],
getMeteorData(){
let data = {};
data.currentUser = Meteor.user();
return data;
},
getInitialState(){
return {
message: '',
messageClass: 'hidden'
}
},
render(){
}
});
无法使用mixin,因此如何使此代码正常工作
import React, { Component } from 'react';
import ReactDOM from 'react-dom';
export default class SignupForm extends Component {
constructor(props){
super(props);
this.state = {
message:'',
messageClass:''
}
this.handleSubmit = this.handleSubmit.bind(this);
}
getMeteorData(){
let data = {};
data.currentUser = Meteor.user();
console.log('data',data);
return data;
}
render(){
return(
)
}
}
其他几个组件中也使用了相同的混合。我正在学习使用meteor和reactjs构建社交网络的教程。如果我想调用这个注册表单组件,你也应该阅读这篇文章,我现在应该怎么做?我仍然可以从“../signup/SignupForm.jsx”使用import-SignupForm调用它吗;因为现在使用了导出默认数据包,所以使用
const ReactMeteorDataWrap = (BaseComponent)=>{
return class ExportClass extends Component {
getMeteor(){
//todo::some code to get Metor
}
render(){
return <BaseComponent getMeteor={()=>this.getMeteor()}
{...this.props}></BaseComponent>
}
}
}
export default ReactMeteorDataWrap
class SignupForm extends Component {
constructor(props){
super(props);
this.state = {
message:'',
messageClass:''
}
this.handleSubmit = this.handleSubmit.bind(this);
}
getMeteorData(){
let data = {};
data.currentUser = this.props.getMeteor().user();
console.log('data',data);
return data;
}
render(){
return(
)
}
}
export default ReactMeteorDataWrap(SignupForm)