如何使用react-redux useSelector和useDispatch检查道具类型

时间:2019-10-01 05:11:47

标签: reactjs redux react-redux react-proptypes

在通过连接引入react-redux(useSelector,useDispatch)之前,我们曾经检查过像这样的道具类型。

import PropTypes from 'props-types'     

   Component.propTypes ={
     post:PropTypes.object.isRequired
   }

    const mapStateToProps = state =>({
     post:state.post
    })
export default connect(mapStateToProps,null)(Component);

但是现在react-redux引入了(useSelector,useDispatch),因此使用这些最新技术,我们可以像这样访问状态或函数。

import PropTypes from 'props-types' 
import {useDispatch,useSelector}from 'react-redux'
import getLoad from  'function/getLoad'

  const dispatch = useDispatch(()=>getLoad())
  const post = useSelector(state=>state.post)

所以现在我们将如何使用这些技术在此处检查道具类型。

我试图像这样使用react-redux(useSelector,useDispatch)检查道具类型,请检查一下,是否正确或没有回复。

   const dispatch = useDispatch( ()=>getLoad() )
   const post = useSelector( state=>state.post )

//checking props types

    Component.propTypes = {
     getLoad:PropTypes.func.isRequired,
     post: PropTypes.object.isRequired
     }

0 个答案:

没有答案