Question

我开始使用reactJS。我有点怀疑，可能是愚蠢的，但我认为总是更好问。自从我找到了反应文档后，我知道我们可以创建组件并更改其状态。现在。我有两个问题。

最好用组件制作一切吗？我说没有带静态文件的HTML吗？
我该怎么办？创建一个＆＃34;表单组件＆＃34;并更改其状态或创建新的表单和字段表单，或者可以为应用程序中需要的每个表单创建一个新的FormComponent？

关于第一点：

此刻我有两个表单组件：组件登录

class Login extends React.Component{


    render(){
        return (
            <form action="#">
                <div className="row">
                    <div className="col-md-12">
                        <InputControl id="oldPassword" name="oldPassword" placeholder="Contraseña anterior">
                        <InputControl className="form-control" placeholder="Usuario"/>
                    </div>
                </div>
                <div className="row">
                    <div className="col-md-12">
                        <input type="password" className="form-control" placeholder="Contrase&ntilde;a"/>
                    </div>
                </div>
                <div className="row">
                    <div className="col-md-12 col-xs-12 col-sm-12 text-center">
                        <ul className="list-unstyled lista-links">
                            <li>
                                <Link to={Rutas.cambioClave}>Olvido su contrase&ntilde;a</Link>
                            </li>
                            <li>
                                <Link to={Rutas.registro}> Crear nueva Cuenta</Link>
                            </li>
                        </ul>
                    </div>
                </div>
                <BtnLink onClick={()=>this.iniciarSesion()} label="Iniciar Sesi&oacute;n"/>

            </form>
        );
    }
}

分量 Registro

class FormRegistro extends React.Component{


    registro(){

        console.log("llamada ajax para el registro");

    }

    render(){
        return(
            <div>
                <form action="#">
                    <InputControl id="user_name" className="form-control" name="user_name" placeholder="Nombre de Usuario"/>
                    <InputControl id="email" className="form-control" name="email" placeholder="Correo"/>
                    <InputControl id="password" className="form-control" name="password" placeholder="Clave"/>
                    <InputControl id="confirmacion_password" className="form-control"   name="confirmacion_password" placeholder="Confirme su Clave"/>

                </form>

                <BtnLink onClick={()=>this.registro()} label="Registrarse"/>
            </div>

        );
    }   
}

它们都使用组件名称＆＃34; inputControl＆＃34;谁创造了不同类型的投入。但是因为在 React 中，一切都可以是一个组件，我认为我只能创建一个＆＃34; Form＆＃34;组件并在我需要具有不同输入的新表单时更改其状态。在这种情况下，只有一个＆＃34;表单组件＆＃34;改变他的状态，使＆＃34;登录＆＃34;为make＆＃34;注册＆＃34;形成。但我不知道这是一个好主意还是实践。

React JS中的一个或多个表单组件？

0 个答案: