javascript - Canvas 不是由ReactEcharts创建的

Question

我想使用echart库在react组件中渲染地图，但未显示。
以下是仅渲染地图而没有数据的简单代码。

render(){

    return(
        <div>
            <ReactEcharts style={{height:410}} 
              option=
              {{
               geo:{
                    show:true,
                    map:'world'
                    },

               series:[
                      {
                       type:'map',
                       map:'world'
                      }
                      ]
              }}
    ></ReactEcharts>
        </div>
    )
}

它应该像这样显示

我检查了元素，发现这里缺少“画布”元素，我不知道为什么没有为地图创建它（尽管它适用于散点图，barchart等其他图表）

<div class="echarts-for-react " style="height: 410px; -webkit-tap-highlight-color: transparent; user-select: none; position: relative;" _echarts_instance_="ec_1575450559839" size-sensor-id="2"><div style="position: relative; width: 257px; height: 410px; padding: 0px; margin: 0px; border-width: 0px; cursor: default;"> **CANVAS ELEMENT SHOULD BE CREATED HERE** </div><object style="display:block;position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden;pointer-events:none;z-index:-1;opacity:0" class="size-sensor-object" tabindex="-1" type="text/html" data="about:blank"></object></div>

Answer 1

将参数传递给选项时，需要双花括号。外在设置是让JSX知道您想要一个JS表达式。内部集合表示一个JavaScript对象。

option={{...}}