如何解决使用反应钩子打字时如何修复模态关闭
const formRef = useRef(null);
const [model,setModel] = useState(null);
const [modal,setModal] = useState(false);
const [formData,setFormData] = useState<ProjectModel>();
useEffect(() => {
let ignore = false;
if (!ignore) {
setFormData({ projectName: null });
setModel(createModel());
}
return () => {
ignore = true
}
},[])
const formChange = (value: ProjectModel) => {
const { formContextValue } = formRef && formRef.current || {};
model.valid = ValidateForm({ model: formContextValue.model,data: value });
setFormData(value)
};
const ModalCreate = ({ state,close }) => {
return (
<Modal show={state} onHide={close}>
<Modal.Header>
<Modal.Title>Manage Access</Modal.Title>
</Modal.Header>
<Modal.Body>
<Form
fluid
onChange={formChange}
formDefaultValue={formData}
ref={formRef}
>
<FormGroup>
<ControlLabel>Project Name</ControlLabel>
<FormControl name="projectName" className="w-full" accepter={Input} />
</FormGroup>
</Form>
</Modal.Body>
<Modal.Footer>
<Button onClick={close} appearance="primary">
Save
</Button>
<Button onClick={close} appearance="subtle">
Cancel
</Button>
</Modal.Footer>
</Modal>
);
};
return <ModalCreate state={modal} close={() => setModal(false)} />;
我在这里遇到一个问题,每次我输入它都会关闭。例如,当我打开模态并尝试输入一些文本或尝试输入时,它会关闭然后打开,然后当我再次尝试输入时它会关闭然后再次打开。每个字母它将关闭然后打开。怎么解决?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。