在通过连接引入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
}