博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
在Html写好的HighChart,迁移入react Ant框架中使用
阅读量:6950 次
发布时间:2019-06-27

本文共 1139 字,大约阅读时间需要 3 分钟。

hot3.png

失败的方法:

// 方案一:    /*      { typeof pvUvData.data !=='undefined' ? HighChartShow(pvUvData) : (
111
)} const HighChartShow=(data)=>{ if(typeof data.data !=='undefined'){ getData1(Highcharts,HighchartsTheme,data,'highChart1','size') } } return; */ // 方案二: /*
const HighChartShow=(id,data)=>{ if(typeof id.data.data !=='undefined'){ console.log('--------------',id.data) return getData1(Highcharts,HighchartsTheme,id.data,id.id,'size') }else{ return (
) } } return; */

成功的方法:

写成独立组件:import HighChart1 from './HightChartPvUv';return (
{typeof pvUvData.data !='undefined'? (
) :'' })HightChartPvUv.js'use strict';import React from 'react';const Highcharts = require('highcharts'); import HighchartsTheme from './HighchartsTheme';export default class HighChart1 extends React.Component { render() { const { id, data, type, } = this.props; 原迁入的代码放这里 ..... return ( '' ); }}

 

转载于:https://my.oschina.net/u/180293/blog/1931455

你可能感兴趣的文章
斯坦福NLP笔记6 —— Defining Minimum Edit Distance
查看>>
关于编辑区无法调用chekbox的问题
查看>>
VMware基础架构和运营管理
查看>>
爱不意味这“sorry”
查看>>
四、 vSphere 6.7 U1(四):部署VCSA
查看>>
apper安卓×××
查看>>
大型网站技术架构(一)大型网站架构演化
查看>>
Log4j 1使用教程
查看>>
如何将PDF转换成Word
查看>>
plusgantt的项目管理系统实战开发最全课程
查看>>
vlan理论03-vlan映射
查看>>
Linux终端的总结和shell
查看>>
Java8 十大新特性详解
查看>>
Maven学习总结(五)——聚合与继承
查看>>
Oracle AWR 阙值影响历史执行计划
查看>>
集成显卡连接显示器的线跟独立显卡的不同么,分别叫什么
查看>>
我的友情链接
查看>>
Java是传值还是传引用
查看>>
文件夹权限
查看>>
【翻译】Siesta事件记录器入门
查看>>