import React, { useEffect, useState, useCallback } from 'react'; import { connect } from 'react-redux'; import LazyImage from 'components/LazyImage/index.jsx'; import { reduxTest } from './store/action'; const Dashboard = ({ name, reduxTest, children }) => { const [num, setNum] = useState(0); useEffect(() => { // reduxTest(); }); // const handleProps = useCallback(() => { // alert('11111'); // }, []); return (

setNum(num + 1)}> Dashboard {name} {num}

); }; const mapStateToProps = state => ({ name: state.dashboard.name, }); const mapDispatchhToProps = dispatch => ({ reduxTest() { dispatch(reduxTest()); }, }); export default connect( mapStateToProps, mapDispatchhToProps, )(Dashboard);