异步动作创建者没有被调用

Question

我正在尝试从组件函数调用动作创建者，但是没有被调用。我是Redux和异步技术的新手，因此无法尝试太多。我只是尝试删除异步，然后调用该函数，所以我想我的调用没有问题。

下面是操作创建者和调用它的组件的代码。

组件代码

const SingleImage = () => {
    return (
        <div>
            <div>

                <button onClick={(e) => {

                    const file_path = "C:\\Users\\Desktop\\img_000000000_Default_000.tif"
                    console.log("analyze image clicked", file_path)
                    upload_image(file_path);
                    console.log("after upload")
                }}>Analyze Image
                    </button>
            </div>
        </div>
    )
};

export default connect(null, { upload_image })(
    SingleImage)

动作创建者

export const upload_image = (file_path) => async (dispatch) => {
    try {
        const body = { file_path }
        const res = await axios.post(`/api/uploadimage`, body)
        console.log(res);
    }

    catch (err) {
        console.log(err)
    }
}