渲染沒有返回任何內容

Question

我有這個錯誤：

渲染沒有返回任何內容。 這通常意味着缺少 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,
}

我不明白有什么問題謝謝

Answer 1

似乎this.props.buttonRight被聲明為一個函數，但你沒有調用它，你應該在你的render()調用它，就像this.props.buttonRight() 。 確保this.props.buttonRight()返回一些 JSX 或 null

編輯

一點注意：當傳遞返回某個組件的函數時，我建議您將其renderSomething ，例如renderButton 。 如果你傳遞一個組件，而不是，把它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