我已經用不同的方法添加了不同的表單，但是當我在輸入字段中輸入任何內容時，頁面會重新加載并保持狀態，并且我必須再次單擊該字段并輸入，然后會發生相同的循環。如果我添加所有內容作為回報，它工作正常。有人可以解釋為什么會發生這種情況以及如何阻止它嗎？我也分享一段代碼。function MyForm() {    const [commentForm, setCommentForm] = useState({        Comment: "",    });    const onCommentChange = (obj) => {        setCommentForm((prevState) => {            return {                ...prevState,                ...obj,            };        });    };    const IForm = () => (        <Table>            <CardBody>                <Row>                    <Col className="col-2">                        <Label>Comment: </Label>                    </Col>                    <Col className="col-1">                        <Input type="text"                            value={commentForm.Comment}                            onChange={(e) =>                                onCommentChange({ Comment: e.target.value })} />                    </Col>                </Row>            </CardBody>        </Table>    );    return (        <div>            <IForm />        </div>    )}export default MyForm