[英]How to fix React Hook useEffect has a missing dependency
import React, { useState, useEffect } from 'react';
import Form from 'react-bootstrap/Form';
function Switch(props) {
const [enabled, setEnabled] = useState(false);
useEffect(() => {
if(enabled !== props.enabled) {
setEnabled(props.enabled);
}
}, [props.enabled]);
const handleChange = () => {
props.handleClusterEnabledChange(!enabled);
setEnabled(!enabled);
}
return (
<Form.Check
type="switch"
id={props.id}
label=""
onChange={handleChange}
checked={enabled}
/>
);
}
export default Switch;
error:错误:
./src/containers/administration/dwConnections/switch.js Line 11:6: React Hook useEffect has a missing dependency: 'enabled'.
./src/containers/administration/dwConnections/switch.js Line 11:6:React Hook useEffect 缺少依赖项:'enabled'。 Either include it or remove the dependency array react-hooks/exhaustive-deps
包括它或删除依赖数组 react-hooks/exhaustive-deps
Just add enabled
as dependency:只需添加
enabled
作为依赖项:
useEffect(() => {
if(enabled !== props.enabled) {
setEnabled(props.enabled);
}
}, [enabled, setEnabled, props.enabled]);
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.