当我运行下面的代码时,浏览器会说:
未捕获的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;
有人可以帮我解决这个问题吗?
答案 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社区惯例更好地保持一致。