Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/444.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/26.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/variables/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
JavaScript:从CreateReact应用程序中删除装饰程序_Javascript_Reactjs_Ecmascript 6 - Fatal编程技术网

JavaScript:从CreateReact应用程序中删除装饰程序

JavaScript:从CreateReact应用程序中删除装饰程序,javascript,reactjs,ecmascript-6,Javascript,Reactjs,Ecmascript 6,首先,我想说,我对这个世界很陌生。我在我们的项目中使用了来自github的react组件。我注意到组件在其代码中使用了装饰器。而且,要按原样使用代码,我认为我们必须弹出并使用巴贝尔。但是,我们不想这样做,所以我计划用本机代码删除decorator(多个) import React from 'react' import dc from 'dc' import BaseChart from './base-chart' import coordinateGridMixin from '../mix

首先,我想说,我对这个世界很陌生。我在我们的项目中使用了来自github的react组件。我注意到组件在其代码中使用了
装饰器。而且,要按原样使用代码,我认为我们必须
弹出
并使用
巴贝尔
。但是,我们不想这样做,所以我计划用本机代码删除decorator(多个)

import React from 'react'
import dc from 'dc'
import BaseChart from './base-chart'
import coordinateGridMixin from '../mixins/coordinate-grid-mixin'
import stackMixin from '../mixins/stack-mixin'
import barMixin from '../mixins/bar-mixin'

@barMixin
@stackMixin
@coordinateGridMixin
export default class BarChart extends BaseChart{
  static displayName = 'BarChart'

  componentDidMount(){
    this.chart = dc.barChart(this.chart)
    this.configure()
    this.chart.render()
  }
}
我从下面的代码开始,借助于这个

执行此操作时,我收到一个错误
“export”default(作为“compose”导入)未在“recocompose”中找到。

这让我想知道,我是否需要使用
重新组合
?或者,有一种不同且更简单的方法?不知道如何替换这件作品

export default ???(
  coordinateGridMixin,
  stackMixin,
  barMixin
)(BarChart);

任何帮助都将不胜感激。我不确定我是否提供了足够的信息来帮助您。

您的错误是关于默认情况下不导出任何内容,因此您的导入是不正确的,您应该像这样导入
compose

import { compose } from 'recompose';
您还可以对组件进行链修饰,使其不必重新组合(语法不是100%确定):


您的错误是关于默认情况下不导出任何内容的
重新组合
,因此您的导入不正确,您应该像这样导入
组合

import { compose } from 'recompose';
您还可以对组件进行链修饰,使其不必重新组合(语法不是100%确定):

let decoratedBarChart = coordinateGridMixin(BarChart);
decoratedBarChart = stackMixin(decoratedBarChart);
decoratedBarChart = barMixin(decoratedBarChart);
export default decoratedBarChart;