参考错误:星星未定义
我已经制定了餐厅星级,我有这个错误。我是新手,请解决我的问题是什么错误并编辑我的代码。
import React from 'react';
import { View } from 'react-native';
import Icon from 'react-native-vector-icons/FontAwesome';
export default Stars = ({ rating }) => {
const stars = [...Array(Math.ceil(rating))];
return (
<View style={{
flexDirection: 'row'
}}>
{
stars.map((_, i) => {
const name = Math.floor(rating) > i ? 'star' : 'star-half';
return <Icon key={i} name={name} color="#FFD64C" />
})
}
</View>
)
}
回答
这是纯 JavaScript。它与 React Native 无关。
您不能将默认导出和分配组合在一起。
您收到错误是因为解析器已经到达export default Stars并没有看到Stars定义。
分两步执行此操作:
const Stars = (...) => { ... };
export default Stars;