Bạn phải chuyển một thành phần vào hàm được trả về bằng kết nối. Thay vì nhận được xác định

Question

Đoạn code dưới đây mang đến cho

Uncaught Error: You must pass a component to the function returned by connect. Instead received undefined

List.js

import React from 'react'; 
import { connect, bindActionCreators } from 'react-redux'; 
import PostList from '../components/PostList'; // Component I wish to wrap with actions and state 
import postList from '../Actions/PostList' //Action Creator defined by me 

const mapStateToProps = (state, ownProps) => { 
    return state.postsList 
} 

const mapDispatchToProps = (dispatch) => { 
    return bindActionCreators({"postsList":postList},dispatch) 
} 

export default connect(mapStateToProps, mapDispatchToProps)(PostList); 

PostList.js

import React from 'react' 

export const PostList = (props) => { 
    return <div>List</div> 
} 

Xin hãy giúp tôi với một giải pháp?

Answer 1

Bạn đang thực hiện import PostList from '../components/PostList'; để bạn cần sử dụng export default trong tệp PostList.js của mình.

Nếu không, bạn cần thực hiện import { PostList } from '../components/PostList';.

Để bất cứ ai quan tâm, đây là một bài viết thú vị về cú pháp es6 nhập khẩu/xuất khẩu: http://www.2ality.com/2014/09/es6-modules-final.html