我有这个错误:Uncaught TypeError:超级表达式必须为null或函数,而不是对象

时间:2016-09-06 22:36:04

标签: reactjs react-native material-ui

当我运行下面的代码时,浏览器会说:

未捕获的TypeError:超级表达式必须为null或函数,而不是未定义

未捕获的TypeError:无法读取属性' __ reactInternalInstance $ uuzyb025gr28cqm0v65ka9k9'为null

即时通讯使用最新的reactjs和材料ui,我在package.json文件中有这个:

"react": "^15.3.1",
"react-dom": "^15.3.1",
"react-router": "^2.7.0" 
"material-ui": "^0.15.4"
...

代码是:



import React from 'react';
import {Drawer, MenuItem} from 'material-ui';
import {List, ListItem, MakeSelectable} from 'material-ui/List';
import Subheader from 'material-ui/Subheader';
import Avatar from 'material-ui/Avatar';

class Test extends React.Component {

    /**
     * Class constructor.
     */
    constructor() {
        super();
    }

    /**
     * Render the component.
     */
    render() {
        return (
            <div>
                <Drawer open={false} width="180px">
                    <MakeSelectable defaultValue={3}>
                    <Subheader>Selectable Contacts</Subheader>
                        <ListItem value={1} primaryText="Brendan Lim" leftAvatar={<Avatar src="/images/obenbasic.png" />}
                          nestedItems={[<ListItem value={2} primaryText="Grace Ng" leftAvatar={<Avatar src="/images/obenbasic.png" />} />,]}/>
                        <ListItem value={3} primaryText="Kerem Suer" leftAvatar={<Avatar src="/images/obenbasic.png" />}/>
                        <ListItem value={4} primaryText="Eric Hoffman" leftAvatar={<Avatar src="/images/obenbasic.png" />} />
                        <ListItem value={5} primaryText="Raquel Parrado" leftAvatar={<Avatar src="/images/obenbasic.png" />} />
                  </MakeSelectable>
               </Drawer>     
            </div>
        );
    }
}
export default Test;
&#13;
&#13;
&#13;

有人可以帮我解决这个问题吗?

1 个答案:

答案 0 :(得分:0)

window.setInterval(function(){ if (parseInt($("span.cart-summary__count").text()) > 0) { $("span.cart-summary__count").parent().find('a').removeClass("cart").addClass("cart-full"); } },1000); 是一个高阶组件。它不能像组件一样使用。它将一个组件作为第一个参数。 E.g:

MakeSelectable

您可以查看https://github.com/callemall/material-ui/blob/v0.15.4/docs/src/app/components/pages/components/List/ExampleSelectable.js以获取完整的工作示例。

P.S import React from 'react'; import {List, ListItem, MakeSelectable} from 'material-ui/List'; const SelectableList = MakeSelectable(List); 在主分支上重命名为MakeSelectable,以便与React社区惯例更好地保持一致。