我是 react 新手,目前正在尝试一些基本示例。我刚刚创建了一个链接索引页面和一个关于页面。然后,我创建了一个自定义应用程序组件,它应该显示容器中的所有内容,而不是仅显示主页/关于链接按钮和“Hello next.js”文本(它没有显示(“在每个页面上”)。请参阅页面布局下面
在每个页面上 *** 都没有显示 主页按钮|关于页面按钮 你好,next.js
任何人都可以看到任何错误吗?我尝试过搜索,但仍然看不出哪里出了问题
// _app.js
import App, {Container} from 'next/app';
//define the custome App - a class which extends the
default App
class myApp extends App {
return() {
//compent will be the page content
// e.g. index or about
const {Component, pageProps} = this.props;
return (
//container contains page content
<Container>
{/* Content which will be shared */}
<p>On every Page</p>
{/* Component is page e.g. index or about
*/}
<Component {...pageProd}/>
</Container>
);
}
}
export default myApp;
//index.js
import Link from 'next/link'
// Pass this content as 'props' to child components
const Index = props => (
<div>
<Link href="/index">
<button>Home page</button>
</Link>
<Link href="/about">
<button>About page</button>
</Link>
<p>Hello Next.js</p>
</div>
)
export default Index
// about.js
import Link from 'next/link'
// Pass this content as 'props' tp child components
const About = props => (
<div>
<Link href="/">
<button>Home page</button>
</Link>
<Link href="/about">
<button>About page</button>
</Link>
<p>Hello Next.js</p>
</div>
)
export default About
最佳答案
是的..第一个是return
而不是render
关于javascript - Next.js React 应用程序不显示自定义组件内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53463117/