在useEffect组件中指定依赖项

时间:2020-07-24 22:42:47

标签: javascript reactjs redux react-hooks

我正在使用React useEffect钩子和Redux。我的动作创建者在第一个渲染之后第一次运行,因为我将[]指定为useEffect的第二个参数。该操作包括联系API以获取一些数据。

然后,redux状态对象storeItems更新,一切正常。但是,我收到了附带警告React Hook useEffect has a missing dependency: 'props'.。我不想将第二个参数指定为[props],因为这将导致第二次使用useEffect,这意味着不必要地伸向了API。有人能摆脱这个警告而无需将第二个参数指定为[props]吗?

function GetStoreData(props){
    useEffect(() => {
        props.getStoreItems()
        console.log(props.storeItems)
    }, []);

    return null
};

const mapStateToProps = (state) => {
    return {storeItems: state.storeItems};
};

export default connect(mapStateToProps, {getStoreItems: getStoreItems})(GetStoreData);

0 个答案:

没有答案