必须返回有效的react元素（或null）。你可能已经返回undefined，一个数组或一些其他无效对象（React Native）

Question

我正在尝试编译反应原生项目。错误的文件代码：

import React from 'react';
import {Text,View} from 'react-native';

const Header = () =>
{
const {textStyle} =styles;
return
(
    <View>
    <Text style={textStyle}>Albums!</Text>
    </View>
    );
};

const styles = {
textStyle:{
    fontSize:20
}
};

export default Header;

Answer 1

你没有返回任何东西，你必须在与返回语句相同的行上打开paran。

return ( 
  <View>
    <Text style={textStyle}>Albums!</Text>
  </View>
);

您还可以将其重构为：

import React from 'react';
import {Text,View} from 'react-native';

const {textStyle} =styles;

const Header = () => (
  <View>
    <Text style={textStyle}>Albums!</Text>
  </View>
)

const styles = {
  textStyle:{
    fontSize:20
 }
};

export default Header;