我反应迟钝

Question

This is my first post on github . I only speak very little English , So i so sorry . run ALERT . i want that thing . Please help me

this is my App page

import React from 'react';
import {Provider} from 'react-redux';
import Counter from './Counter';
import {createStore} from 'redux';

const initialState = {
    count : 0
};

function reducer( state = initialState, action){

    if(action.type === "ALERT" ){
        alert("ahihi");
    }

    return state
}


const store = createStore(reducer);

const App = () => (
    <Provider store ={store}>
        <Counter />
    </Provider>

);

export default App;

this is my Counter page

import React from 'react';
import {connect} from "react-redux"
import {bindActionCreators} from 'redux';

export const ahihi = () => ({
  type: "ALERT"
});


const Counter = ({ab}) => {

        return (
                <div>
                        <button onClick={ALERT} ></button>
                </div>
        );
}
const a = (dispatch) =>({
    a : bindActionCreators(ahihi, dispatch)
}
export default connect(a)(Counter)

run ALERT . i want that thing . Please help me

Answer 1

connect takes mapStateToProps as first argument. If you don't need this you can just

export default connect(null, a)(Counter)

Counter needs to get a defined in your mapDispatchToProps and use it as onClick event handler:

const Counter = ({a}) => {

        return (
                <div>
                        <button onClick={a} ></button>
                </div>
        );
}