[英]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;
錯誤:
./src/containers/administration/dwConnections/switch.js Line 11:6:React Hook useEffect 缺少依賴項:'enabled'。 包括它或刪除依賴數組 react-hooks/exhaustive-deps
只需添加enabled
作為依賴項:
useEffect(() => {
if(enabled !== props.enabled) {
setEnabled(props.enabled);
}
}, [enabled, setEnabled, props.enabled]);
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.