Reactjs 无法实现ZingChart React

我被这些代码困住了

index.html

React Redux启动套件

Counter.js

从“React”导入React
从'zingchart react'导入{core as core}
导出常量计数器=React.createClass({
渲染（）{
变量myConfig={
输入：“酒吧”，
系列：[
{
数值：[35,42,67,89,25,34,67,85,90.99]
}
]
};
返回(
你好
)
}
})
导出默认计数器

main.js

从“React”导入React
从“react dom”导入react dom
从“history/lib/createBrowserHistory”导入createBrowserHistory
从“react router”导入{useRouterHistory}
从“react router redux”导入{syncHistoryWithStore}
从“./store/createStore”导入createStore
从“./containers/AppContainer”导入AppContainer
从“./组件/计数器/计数器”导入计数器
ReactDOM.render（，document.querySelector（'#demo'）；
// ========================================================
//浏览器历史记录设置
// ========================================================
const browserHistory=useRouterHistory（createBrowserHistory）({
basename:\uu basename__
})
// ========================================================
//存储和历史实例化
// ========================================================  
const initialState=window.\uuuuu初始状态__
const store=createStore（初始状态，浏览器历史记录）
const history=syncHistoryWithStore（浏览器历史记录、存储、{
选择LocationState:（状态）=>state.router
})
如果（调试）{
if（窗口。devToolsExtension）{
window.devToolsExtension.open（）文件
}
}
const MOUNT_NODE=document.getElementById（'根'）
let render=（routerKey=null）=>{
const routes=require（'./路由/索引'）。默认值（存储）
ReactDOM.render(
，我遇到了这个错误，请帮我解决

错误：无法读取未定义的属性“\uu reactAutoBindMap”

core
不是React组件的有效名称。React组件必须以大写字母开头，这就是React如何区分组件和HTML标记

所以你的代码应该是这样的

import React from 'react'
import {core as Core} from 'zingchart-react'

export const Counter = React.createClass({
       render () {
         var myConfig = {
           type: "bar",
           series : [
                      {
                        values : [35,42,67,89,25,34,67,85]
                      }
           ]
         };
         return (
          <div>Hello
            <Core id="myChart" height="300" width="600" data={myConfig} />
          </div>
         )
      }
})
export default Counter

从“React”导入React
从'zingchart react'导入{core as core}
导出常量计数器=React.createClass({
渲染（）{
变量myConfig={
输入：“酒吧”，
系列：[
{
数值：[35,42,67,89,25,34,67,85]
}
]
};
返回(
你好
)
}
})
导出默认计数器

core
不是React组件的有效名称。React组件必须以大写字母开头，这就是React如何区分组件和HTML标记

所以你的代码应该是这样的

import React from 'react'
import {core as Core} from 'zingchart-react'

export const Counter = React.createClass({
       render () {
         var myConfig = {
           type: "bar",
           series : [
                      {
                        values : [35,42,67,89,25,34,67,85]
                      }
           ]
         };
         return (
          <div>Hello
            <Core id="myChart" height="300" width="600" data={myConfig} />
          </div>
         )
      }
})
export default Counter

从“React”导入React
从'zingchart react'导入{core as core}
导出常量计数器=React.createClass({
渲染（）{
变量myConfig={
输入：“酒吧”，
系列：[
{
数值：[35,42,67,89,25,34,67,85]
}
]
};
返回(
你好
)
}
})
导出默认计数器

这是es6编写组件的方法：

import React from 'react';
import {core as Core} from 'zingchart-react';

class Counter extends React.Component {
       render () {
         var myConfig = {
           type: "bar",
           series : [
                      {
                        values : [35,42,67,89,25,34,67,85]
                      }
           ]
         };

         return (
          <div>Hello
            <Core id="myChart" height="300" width="600" data={myConfig} />
          </div>
         )
      }
}

export default Counter;

从“React”导入React；
从'zingchart react'导入{core as core}；
类计数器扩展了React.Component{
渲染（）{
变量myConfig={
输入：“酒吧”，
系列：[
{
数值：[35,42,67,89,25,34,67,85]
}
]
};
返回(
你好
)
}
}
导出默认计数器；

而要呈现它

ReactDOM.render(<Counter />, document.getElementById('some_div'));

ReactDOM.render（，document.getElementById（'some_div'））；
这是es6编写组件的方法：

import React from 'react';
import {core as Core} from 'zingchart-react';

class Counter extends React.Component {
       render () {
         var myConfig = {
           type: "bar",
           series : [
                      {
                        values : [35,42,67,89,25,34,67,85]
                      }
           ]
         };

         return (
          <div>Hello
            <Core id="myChart" height="300" width="600" data={myConfig} />
          </div>
         )
      }
}

export default Counter;

从“React”导入React；
从'zingchart react'导入{core as core}；
类计数器扩展了React.Component{
渲染（）{
变量myConfig={
输入：“酒吧”，
系列：[
{
数值：[35,42,67,89,25,34,67,85]
}
]
};
返回(
你好
)
}
}
导出默认计数器；

而要呈现它

ReactDOM.render(<Counter />, document.getElementById('some_div'));

ReactDOM.render（，document.getElementById（'some_div'））；
您是否通过ReactDOM.render（）呈现组件？我严格使用es6。您是否通过ReactDOM.render（）呈现组件？我严格使用es6。它不起作用，我之前已经尝试过。ReactClass.js:842 Uncaught TypeError:无法读取在工作示例中看到的undefinedAs的属性“\uu reactAutoBindMap”，这是正确的方法。您收到的错误消息可能与
ReactDOM.render（）有关
，但这可能是另一个问题。我严格使用es6和ReactDOM.render（）已弃用。您确定您使用的是
ReactDOM.render（）
？因为它没有弃用。我从未使用过它。您能用React.DOM.render（）为我提供代码吗？它不起作用，我之前已经尝试过。ReactClass.js:842 Uncaught TypeError:无法读取工作示例中的undefinedAs的属性“\uuu reactAutoBindMap”，这是正确的方法。您收到的错误消息可能与
ReactDOM.render（）有关
，但这可能是另一个问题。我严格使用es6和React.DOM.render（）已弃用。您确定您使用的是
React.render（）
？因为它未弃用。我从未使用过此功能。您可以使用React.DOM.render（）为我提供代码吗？我收到错误注册表组件（…）：目标容器不是DOM元素。在HTML文件中，您应该有一个。您有吗？我得到了错误注册表组件