[英]Nothing was returned from render
我有这个错误:
渲染没有返回任何内容。 这通常意味着缺少 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,
}
我不明白有什么问题谢谢
似乎this.props.buttonRight
被声明为一个函数,但你没有调用它,你应该在你的render()
调用它,就像this.props.buttonRight()
。 确保this.props.buttonRight()
返回一些 JSX 或 null
编辑
一点注意:当传递返回某个组件的函数时,我建议您将其renderSomething
,例如renderButton
。 如果你传递一个组件,而不是,把它something
或button
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.