无法在react-native中返回一个元素

Question

在新的react native应用中，我无法编写以下代码。

  renderContent = () => {
    let content = null;

    content = <View><Text>HI</Text></View>;
    return content;
 }

我像这样在render（）中使用它。

render() {
  {this.renderContent}
}

它给了我以下错误。 函数作为React子代无效。如果返回Component而不是从render返回，则可能会发生这种情况。或者也许您打算调用此函数而不是返回它。

我的RN版本是59。我在版本54中成功使用了此模式。我在这里做错什么了？

Answer 1

您必须遵循以下格式：

render(){ 
    return this.renderContent() 
}

{something}用于jsx。例如：

return(
    <View>{something}</View>
)