react-redux，onClick不會啓動動作功能（undefined）

我試圖使ajax請求與按下按鈕上的react-redux，但當onClick操作嘗試從操作組件啓動功能時出現錯誤。react-redux，onClick不會啓動動作功能（undefined）

post_data.js

import React, {Component} from 'react'; 
import {connect} from 'react-redux'; 
import {bindActionCreators} from 'redux'; 
import getPostsData from '../actions/index'; 

class PostButton extends Component{ 

constructor(props){ 
    super(props); 

    this.GetPostData = this.GetPostData.bind(this); 
} 

GetPostData(event){ 
    event.preventDefault(); 
    this.props.getPostsData(); 
} 

render(){ 
    return(
     <div style={{marginTop: 50 + 'px'}}> 
       <button className="btn btn-success" onClick={this.GetPostData}>Click Here to Load Posts</button> 
     </div> 
    ) 
    } 
} 

function mapDispatchToProps(dispatch){ 
    return bindActionCreators({getPostsData}, dispatch); 
} 

export default connect(null, mapDispatchToProps)(PostButton);

操作：

import axios from 'axios'; 

export const GET_POSTS_DATA = 'GET_POSTS_DATA'; 

export function getPostsData() { 
    const url = `https://jsonplaceholder.typicode.com/posts`; 

    const request = axios.get(url); 
    console.log(request); 

    return{ 
     type: GET_POSTS_DATA, 
     payload: request 
    } 
}

減速機：

import GET_POSTS_DATA from '../actions/index'; 

export default function(state = [], action){ 
    switch (action.type){ 

     case GET_POSTS_DATA: 
     return [action.payload, ...state] 
    } 

    return state; 
}

控制檯錯誤：遺漏的類型錯誤：this.props.getPostsData不是一個函數這涉及到：

GetPostData(event){ 
    event.preventDefault(); 
    this.props.getPostsData(); 
}

任何幫助表示讚賞...

來源

2017-05-07 SHCodeR

你getPostsData import語句應該是：

import {getPostsData} from '../actions/index';

您正在使用的語法指的是默認出口，從我可以告訴你的片段沒有默認導出。

來源

2017-05-07 23:45:07 Nick

謝謝你，尼克！:)我知道這是愚蠢的，它是:)）））作爲魔術後，我輸入正確。 – SHCodeR

可能只是一個錯字：getPostsData是不是你PostButton組件的屬性，但是從一個js模塊導入。

直接致電getPostsData()代替this.props.getPostsData()。

來源

2017-05-07 21:49:20

不，它應該是this.props的一部分，但由於某些原因，它不是......無論如何，直接調用也不起作用。 – SHCodeR

這是調用所涉及功能，在你的情況下，正確的方法：

GetPostData(event){ 
    event.preventDefault(); 
    getPostsData(); 
}

來源

2017-05-07 21:52:56 ivp

不，這是不是woking – SHCodeR

react-redux，onClick不會啓動動作功能（undefined）

回答

相關問題