Javascript 我有一个多步骤的表单用于注册流程。如何处理将重定向到提交、最后一步或注册的单选按钮选择？

我有注册用户、公司和商店的多步骤表单。在第二步（公司），我有两个单选按钮选择“单一商店”或“多商店”。如果我选择“单一商店”，我想跳过商店注册的表单，并将我重定向到提交。否则，如果我选择“多商店”，我希望能够完成最后一步，然后提交它。 但现在，当我单击单选按钮时，它们不会被选中

MultiStepFormSignup.js

signup-company.js：

const SignupCompany = ({
nextStep,
handleChange,
values: formValues
}) => {
const history = useHistory();

const saveAndContinue = (e) => {
    e.preventDefault();
    nextStep();
}

const redirectToHome = (e) => {
    history.push("/");
}

return(
    <Container>
        <Row className="justify-content-center">
            <Col md="8">
                    <Card border="dark">
                    <Card.Title className="text-center">Company Information </Card.Title>
                        <Card.Body>
                            <Form>
                                <Form.Group controlId="formGridCompany">
                                    <Form.Label>Company</Form.Label>
                                    <Form.Control type="text" value={formValues.companyName} onChange={handleChange('companyName')} />
                                </Form.Group>

                                <Form.Group controlID="formGridEmail">
                                    <Form.Label>Email</Form.Label>
                                    <Form.Control type="text" value={formValues.companyEmail} onChange={handleChange('companyEmail')} /> 
                                </Form.Group>
                        
                                <Form.Group controlId="formGridAddress1">
                                    <Form.Label>Address 1</Form.Label>
                                    <Form.Control type="text"  value={formValues.companyAddress1} onChange={handleChange('companyAddress1')} />
                                </Form.Group>                       

                                <Form.Group controlId="formGridAddress2">
                                    <Form.Label>Address 2</Form.Label>
                                    <Form.Control type="text" value={formValues.companyAddress2} onChange={handleChange('companyAddress2')} />
                                </Form.Group>

                                <Form.Group controlId="formGridPhone">
                                    <Form.Label>Phone</Form.Label>
                                    <Form.Control type="text" value={formValues.companyPhone} onChange={handleChange('companyPhone')} />
                                </Form.Group>

                                <Form.Group  controlId="formGridFax">
                                    <Form.Label>Fax</Form.Label>
                                    <Form.Control type="text" value={formValues.companyFax} onChange={handleChange('companyFax')} />
                                </Form.Group>

                                <Form.Group controlId="formGridCity">
                                    <Form.Label>City</Form.Label>
                                    <Form.Control type="text" value={formValues.companyCity} onChange={handleChange('companyCity')} />
                                </Form.Group>

                                <Form.Group controlId="formGridProvince">
                                    <Form.Label>Province</Form.Label>
                                    <Form.Control type="text" value={formValues.companyProvince} onChange={handleChange('companyProvince')} />
                                </Form.Group>

                                <Form.Group controlId="formGridBusinesNumber">
                                    <Form.Label>Business Number</Form.Label>
                                    <Form.Control type="pasword" value={formValues.companyBusinessNumber} onChange={handleChange('companyBusinessNumber')} />
                                </Form.Group>

                                <Form.Group controlId="formGridPostalCode">
                                    <Form.Label>Postal Code</Form.Label>
                                    <Form.Control type="text" value={formValues.companyPostalCode} onChange={handleChange('companyPostalCode')} />
                                </Form.Group>

                                <Form.Check 
                                    type="radio"
                                    label="Single Store"
                                    name="formRadio"
                                    value="single"
                                    id="rdbtnSingleStore"
                                    checked={formValues.rbSingleStore === 'single'}
                                    onChange={handleChange('rbStoreOption')}
                                />

                                <Form.Check
                                    type="radio"
                                    label="Multi Store"
                                    name="formRadio"
                                    value="multi"
                                    id="rdbtnMultiStore"
                                    checked={formValues.rbMultiStore === 'multi'}
                                    onChange={handleChange('rbStoreOption')}
                                />

                                <Button variant="light" type="submit" size="lg" onClick={redirectToHome}>Cancel</Button>
                                <Button variant="primary" type="submit" size="lg" onClick={saveAndContinue}>Next</Button>
                            </Form>
                        </Card.Body>
                    </Card>
            </Col>
        </Row>
    </Container>
  );
};
export default SignupCompany;

const SignupCompany=({
下一步，
handleChange，
值：formValues
}) => {
const history=useHistory（）；
const saveAndContinue=（e）=>{
e、 预防默认值（）；
下一步（）；
}
const redirectToHome=（e）=>{
历史。推送（“/”）；
}
返回(
公司信息
单位
电子邮件
地址1
地址2
电话
传真
城市
省
业务编号
邮政编码
取消
下一个
);
};
出口默认注册公司；

我只是想在用户体验方面提出一个安静的请求，不要使用单选按钮触发页面重定向；在大多数情况下，这将是非常意外的行为。