失败的方法:
// 方案一: /* { 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 ( '' ); }}