我在JSX中有一个react-stockchart图表示例:
JSX plunker:http://plnkr.co/edit/gist:b993d5fcc5c09dd66a6e?p=preview
我想将JSX添加到现有的TypeScript项目中,因此我将文件扩展名从JSX更改为TSX并从此站点进行了其他转换:http://slidedeck.io/thewazir/Using-Typescript-with-JSX
但问题仍然存在,此代码无法编译:
CandleStickChartWithBollingerBandOverlay = fitWidth(CandleStickChartWithBollingerBandOverlay);
ReactDOM.render(<CandleStickChartWithBollingerBandOverlay data={data} type="hybrid"/>, document.getElementById("chart"));
fitWidth 来源:https://github.com/rrag/react-stockcharts/blob/master/src/lib/helper/fitWidth.jsx
如果我删除 fitWidth ,则绘制的宽度不正确:
ReactDOM.render(<CandleStickChartWithBollingerBandOverlay data={data} type="hybrid" width={800}/>, document.getElementById("chart"));
我尝试了这个代码,它不起作用(根本没有绘制):
var StockChartComponent = fitWidth(CandleStickChartWithBollingerBandOverlay);
ReactDOM.render(<StockChartComponent data={data} type="hybrid"/>, document.getElementById("chart"));
这也行不通:
var StockChartComponent = fitWidth(new CandleStickChartWithBollingerBandOverlay());
ReactDOM.render(<StockChartComponent data={data} type="hybrid"/>, document.getElementById("chart"));
1 回答
这是主要的tsx文件:
这是固定的fitWidth.tsx:
}