Reactjs 在没有ES6模块的情况下进行反应

我目前正在使用Scala、Play framework和React示例代码，在尝试在不使用ES6模块系统的情况下将以下代码转换为在浏览器中加载时遇到问题。这意味着我不能使用

导出默认值

如何在ES6中重写以下内容，以便在客户端加载它而无需导出默认值？我必须将其分解为一个类和一个返回

渲染的函数吗

export default function form({
  fields: defaultFds = [],
  validate: defaultVal = () => ({}),
} = {}) {
  return (WrappedClass) => class Form extends React.Component {
    static defaultProps = {
      fields: defaultFds,
      validate: defaultVal,
    }

    static childContextTypes = {
      form: PropTypes.object,
      fields: PropTypes.object,
    }

    static propTypes = {
      fields: PropTypes.array,
      validate: PropTypes.func,
      value: PropTypes.object,
      onChange: PropTypes.func,
      onValidate: PropTypes.func,
    }

    state = {
      touched: {},
      errors: {},
      valid: undefined,
    }

    render() {
      const { value, onChange, onValidate, validate, fields, ...otherProps } = this.props;
      return <WrappedClass {...otherProps} {...this.generatedProps()} />;
    }
  } 
}

导出默认函数表单({
字段：defaultFds=[]，
验证：defaultVal=（）=>（{}），
} = {}) {
return（WrappedClass）=>类形式扩展React.Component{
静态defaultProps={
字段：defaultFds，
验证：defaultVal，
}
静态childContextTypes={
形式：PropTypes.object，
字段：PropTypes.object，
}
静态类型={
字段：PropTypes.array，
验证：PropTypes.func，
值：PropTypes.object，
onChange:PropTypes.func，
onValidate:PropTypes.func，
}
状态={
触摸：{}，
错误：{}，
有效：未定义，
}
render（）{
const{value，onChange，onValidate，validate，fields，…otherProps}=this.props；
返回；
}
} 
}
您必须在此处重写整个内容。。。因为如果你不能使用ES6，你需要比导出默认值更加担心——所有用
（）=>
定义的函数都需要重写，你很可能无法使用JSX

你读过关于这个主题的文章了吗？
你必须在这里重写整个内容。。。因为如果你不能使用ES6，你需要比导出默认值更加担心——所有用
（）=>
定义的函数都需要重写，你很可能无法使用JSX

你读过关于这个主题的文章了吗？
是的，我意识到：（.最终想出了如何集成网页的方法。）是的，我意识到：（.最终想出了如何集成网页的方法