reactjs - 导入组件,元素类型无效:应为字符串
问题描述
我正在尝试导入我的Search
组件,但不断收到上述错误:
import {Search} from '../components/Search';
import {filteredVideo, initSearch} from '../actions/videos';
import StyledText from '../components/StyledText';
const DrawerHeader = props => {
const {
navigation,
route: {name},
} = props;
return (
<>
<View style={styles.container}>
....
<Search {...props} />
</>
);
};
export default DrawerHeader;
搜索:
const Search = props => {
const {
navigation: {navigate},
route: {name},
value,
} = props;
....
const renderItem = ({item}) => {
return (
<Text onPress={() => onPress(item)} style={style.itemStyle}>
{item.title}
</Text>
);
};
return (
<View>
{name == 'Home' || name == 'Video Episodes' ? (
<SearchBar
round
containerStyle={styles.containerStyle}
inputStyle={{backgroundColor: 'white'}}
inputContainerStyle={{
borderRadius: 5,
backgroundColor: 'white',
}}
icon={iconStyle}
onSubmitEditing={onSubmitEdit}
searchIcon={{size: 18}}
onChangeText={text => SearchFilterFunction(text)}
onClear={text => SearchFilterFunction('')}
placeholder="Type Here..."
value="hello"
/>
) : null}
{name == 'Home' ? (
<View>
<FlatList
data={search.videos}
renderItem={renderItem}
contentContainerStyle={{overflow: 'hidden'}}
keyExtractor={item => item.id.toString()}
ItemSeparatorComponent={separator}
/>
</View>
) : null}
</View>
);
};
export default Search;
有任何想法吗?
错误:
未处理的 JS 异常:错误:元素类型无效:需要字符串(对于内置组件)或类/函数(对于复合组件),但得到:未定义。您可能忘记从定义组件的文件中导出组件,或者您可能混淆了默认导入和命名导入。
解决方案
import Search from '../components/Search';
或者
export { Search }
推荐阅读
- linux - 如何更改文本 Amazon Linux AMI 测试页
- sql-server - 从 Azure Blob 存储批量插入时出现 ERRORFILE 问题
- c# - 如何使用每个 C# 智能技术将其他列表中的项目添加到列表中
- c# - 如何使用 .Net Core 在 AWS Cognito 的用户池中将用户添加到组
- .net - Tizen Galaxy Active 2 - 使用 Visual Studio 2017 进行签名和构建
- boost - 如何在单独的线程中启动 Boost echo 服务器
- python - 重用字符串格式时如何减少重复代码?
- java - 通过坐标在另一个向量中出现一个向量
- azure - 无法将 Workspace 与 Azure 上的 AKS 监视连接
- python - 如何使用 python 和 Flask 解析 YAML 文件并在网络上显示结果?