JavaScript:从CreateReact应用程序中删除装饰程序
首先,我想说,我对这个世界很陌生。我在我们的项目中使用了来自github的react组件。我注意到组件在其代码中使用了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
装饰器。而且,要按原样使用代码,我认为我们必须弹出
并使用巴贝尔
。但是,我们不想这样做,所以我计划用本机代码删除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;