Javascript 与ECMA6反应
我使用的是ECMA6 classe和React,但遇到的情况是,嵌套组件的Javascript 与ECMA6反应,javascript,reactjs,ecmascript-6,Javascript,Reactjs,Ecmascript 6,我使用的是ECMA6 classe和React,但遇到的情况是,嵌套组件的render()方法中的异常不会得到报告 有什么想法吗 例如,这不会报告异常: class Child extends React.Component { render() { foo; // Throws exception, "foo is undefined" } } class Demo extends React.Component { render() { return <C
render()
方法中的异常不会得到报告
有什么想法吗
例如,这不会报告异常:
class Child extends React.Component {
render() {
foo; // Throws exception, "foo is undefined"
}
}
class Demo extends React.Component {
render() {
return <Child />
}
}
类子级扩展React.Component{
render(){
foo;//引发异常,“foo未定义”
}
}
类Demo扩展了React.Component{
render(){
返回
}
}
函数render需要返回一些东西。渲染函数中没有返回,需要在某处声明foo
class Child extends React.Component {
render() {
let foo = <span>HelloWorld</span>;
return foo; // foo is now defined
}
}
class Demo extends React.Component {
render() {
return <Child />
}
}
类子级扩展React.Component{
render(){
让foo=HelloWorld;
return foo;//现在定义了foo
}
}
类Demo扩展了React.Component{
render(){
返回
}
}
您可能需要先定义foo,也许在“子”组件之前?或者您在某个地方定义了它,这是您的完整代码吗?我复制并粘贴了您的代码,我看到uncaughtreferenceerror:foo未按预期定义。您是否记得使用React.render(,document.getElementById('page'))将Demo呈现为根组件代码>或类似的东西?