我正在關(guān)注這篇文章以學(xué)習(xí)反應(yīng)和打字稿形式。有一個(gè)可重用的表單，其中解釋了 React Bootstrap，我喜歡實(shí)現(xiàn)它。我試圖通過(guò)編寫如下的用戶表單來(lái)做到這一點(diǎn)。但是我明白了TS7031：綁定元素“取消”隱式具有“任意”類型一旦我解決了這個(gè)錯(cuò)誤，我就不知道如何使用它了。例如，如果我想實(shí)現(xiàn)一個(gè)登錄表單和一個(gè)登錄表單，我該如何參考下面的用戶表單import React from 'react';import Form from 'react-bootstrap/Form';import Button from 'react-bootstrap/Button';import styled from 'styled-components';const UserForm =    ({        cancel,        errors,        submit,        submitButtonText,        elements,        passwordErrors    }) => {    function handleSubmit(event) {        event.preventDefault();        submit();    }    function handleCancel(event) {        event.preventDefault();        cancel();    }    return (        <React.Fragment>            <ErrorsDisplay errors={errors} passwordErrors={passwordErrors} />            <Form onSubmit={handleSubmit}>                {elements()}                <Button className="mr-1" variant="primary" type="submit">{submitButtonText}</Button>                <Button className="mr-1" variant="secondary" onClick={handleCancel}>Cancel</Button>            </Form>        </React.Fragment>    ); };function ErrorsDisplay({ errors, passwordErrors}) {    let errorDisplay = null;    if (errors.length) {        errorDisplay = (            <React.Fragment>                <ValidiationLabel>Errors:</ValidiationLabel>                <ValidiationUl>                    {errors.map((error, i) => (                        <li key={i}>{error}</li>                    ))}                </ValidiationUl>            </React.Fragment>        );    } else if (!passwordErrors) {        errorDisplay = (            <React.Fragment>                <ValidiationLabel>Errors:</ValidiationLabel>                <ValidiationUl>{<li>Passwords must match</li>}</ValidiationUl>            </React.Fragment>        );    }    return errorDisplay;}