渲染没有返回任何内容
Posted
技术标签:
【中文标题】渲染没有返回任何内容【英文标题】：Nothing was returned from render 【发布时间】：2018-04-05 09:42:30 【问题描述】：我有这个错误：
。这通常意味着缺少 return 语句。或者，不渲染任何内容，返回 null。
我的代码：
export default class Header_page extends Component
render()
return (
<Header>
<Left>
<Button transparent>
<Icon name='ios-menu' />
</Button>
</Left>
<Body>
<Title>this.props.title</Title>
</Body>
<Right>
<View>
this.props.buttonRight
</View>
</Right>
</Header>
);
Header_page.propTypes =
title: PropTypes.string.isRequired,
buttonRight: PropTypes.func,
我不明白哪里错了 谢谢
【问题讨论】：
【参考方案1】：似乎this.props.buttonRight 被声明为一个函数，但你没有调用它，你应该在你的render() 中调用它，就像this.props.buttonRight() 一样。确保 this.props.buttonRight() 返回一些 JSX 或 null
编辑
一点注意：当传递一个返回某个组件的函数时，我建议你将它命名为renderSomething，例如renderButton。如果您改为传递一个组件，请将其命名为 something 或 button
【讨论】：
以上是关于渲染没有返回任何内容的主要内容，如果未能解决你的问题，请参考以下文章
错误：StateProvider(...)：渲染没有返回任何内容。这通常意味着缺少 return 语句。或者，不渲染任何内容，返回 null
React - 错误：App（...）：渲染没有返回任何内容。这通常意味着缺少 return 语句。或者，不渲染任何内容，返回 null