必须返回有效的React元素（或null）。不确定要返回的类型

Question

我正在尝试按照此示例https://www.raywenderlich.com/126063/react-native-tutorial

进行操作

并且来到作者声明我可以使用它的部分：

返回Hello World（再次）;在我的回复声明中。

结果，我的代码如下：

'use strict';

var React = require('react');
var ReactNative = require('react-native');

var styles = ReactNative.StyleSheet.create({
 text: {
 color: 'black',
 backgroundColor: 'white',
 fontSize: 30,
 margin: 80 
}});

class PropertyFinderApp extends React.Component {
 render() {
 return 'Hello World (Again)';
}


ReactNative.AppRegistry.registerComponent('PropertyFinder', function() { return PropertyFinderApp });

我收到以下错误：

Answer 1

这似乎是教程网站中的代码格式问题。

查看页面源代码，似乎他的意思是写下：

return <ReactNative.Text style={styles.text}>Hello World (Again)</ReactNative.Text>;

这是他在本教程前面提供的非JSX示例的实际等价物：

return React.createElement(ReactNative.Text, {style: styles.text}, "Hello World!");

字符串'Hello World (Again)'本身不是render函数的有效返回值，因为您得到的错误表明。

Answer 2

class PropertyFinderApp extends React.Component {
    render() {
        return (
            <ReactNative.Text>Hello World (Again)</ReactNative.Text>
        );
    }
}

始终记住，您需要在渲染功能中返回REACT ELEMENT。