渲染没有返回任何内容

Question

I have this error:我有这个错误：

Nothing was returned from render.渲染没有返回任何内容。 This usually means a return statement is missing.这通常意味着缺少 return 语句。 Or, to render nothing, return null.或者，不渲染任何内容，返回 null。

My code :我的代码：

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,
}

I don't understand what wrong thanks我不明白有什么问题谢谢

Answer 1

Seems like this.props.buttonRight is declared as a function but you are not calling it, you should call it in your render() like so this.props.buttonRight() .似乎this.props.buttonRight被声明为一个函数，但你没有调用它，你应该在你的render()调用它，就像this.props.buttonRight() 。 Make sure this.props.buttonRight() returns some JSX or null确保this.props.buttonRight()返回一些 JSX 或 null

Edit编辑

A little note: when passing a function which returns some component, I'd recommend you call it renderSomething , for example renderButton .一点注意：当传递返回某个组件的函数时，我建议您将其renderSomething ，例如renderButton 。 If you pass a Component instead, call it something or button如果你传递一个组件，而不是，把它something或button

渲染没有返回任何内容

问题描述

1 个解决方案

解决方案1
2 2017-10-24 14:27:47

渲染没有返回任何内容

问题描述

1 个解决方案

解决方案1 2 2017-10-24 14:27:47

解决方案1
2 2017-10-24 14:27:47