拆分 ui 组件遇到的问题

来源:7-6 使用 React-Redux 进行应用数据的管理

慕少0974861

2019-07-04

###报错
Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object.
###header.js 的代码
`
import React from ‘react’;
import { connect } from ‘react-redux’;
import { CSSTransition } from ‘react-transition-group’

import {
HeaderWrapper,
Logo,
Nav,
NavItem,
SearchWrapper,
NavSearch,
Addition,
Button
} from ‘./style’;

const Header = props => {
const { focused, handleInputFocus, handleInputBlur} = props;
return (



首页
下载App
登陆





<NavSearch
className={focused ? ‘focused’ : ‘’}
onFocus={handleInputFocus}
onBlur={handleInputBlur}
/>

<i className={focused ? ‘focused iconfont’ : ‘iconfont’}>




写文章

注册


)
}

const mapStateToProps = state => {
return {
focused: state.focused
}
}

const mapDispatchToProps = dispatch => {
return {
handleInputFocus() {
const action = {
type: ‘search_focus’
}
dispatch(action)
},
handleInputBlur(){
const action = {
type: ‘search_focus’
}
dispatch(action)
}
}
}

export default connect(mapStateToProps, mapDispatchToProps)(Header);
`

写回答

1回答

慕少0974861

提问者

2019-07-04

已经解决。 是app 组件 写成了纯ui 组件, 在index 中使用的标签形式报的错  //img.mukewang.com/szimg/5d1dfba8000155f213240838.jpg

0
1
Dell
好的!
2019-07-07
共1条回复

React零基础入门到实战,完成企业级项目简书网站开发

主流新技术 React-redux,React-router4,贯穿基础语法

5275 学习 · 2496 问题

查看课程