The above error occurred in the ＜div＞ component 和 Uncaught Error: The `style` prop expects a mapping

最新推荐文章于 2024-06-25 15:37:27 发布

杭威

最新推荐文章于 2024-06-25 15:37:27 发布

阅读量4.8k

点赞数 2

分类专栏：笔记文章标签： echarts react.js

本文链接：https://blog.csdn.net/qq_31763185/article/details/120030751

版权

在React应用中遇到两个错误：'The above error occurred in the ＜div＞ component'和'Uncaught Error: The `style` prop expects a mapping'。问题根源在于jsx中使用了双引号来定义样式，解决方法是将双引号替换为{{}}模板语法。

摘要由CSDN通过智能技术生成

import React, {
    Component } from 'react';
//  引入 Echarts 主模块
import echarts from 'echarts/lib/echarts';
//  引入柱状图
import 'echarts/lib/chart/bar';
//  引入提示框和标题组件
import 'echarts/lib/component/tooltip';
import 'echarts/lib/component/title';

class index extends Component {
   

    componentDidMount() {
   
        // 基于准备好的dom，初始化echarts实例
        var myChart = echarts