我可以在没有 ref 和 jnChange 的情况下使用表单输入吗?

伊利亚·罗加特金

我有简单的形式

import React, { Component } from "react";
import ReactDOM from "react-dom";

import "./styles.css";

const mySubmitForm = event => {
  event.preventDefault();
  const form = event.target;
  form.firstName.classList.add("red");
  console.log("This is first name value", (form.firstName.className = "red"));
  console.log("This is last name value", form.lastName);
  console.log("This is email value", form.email);
  console.log("This is password", form.password);
};

const App = (props) => {
    return (
      <div className="App">
        <form onSubmit={mySubmitForm}>
          <fieldset>
            <legend>Форма регистрации</legend>
            Your name:{" "}
            <input
              className={this.state.isChangeClass ? "red" : ""}
              type="text"
              name="firstName"
            />
            Your last name: <input type="text" name="lastName" />
            Your email: <input type="text" name="email" />
            Your password: <input type="password" name="password" />
            <input type="submit" value="Send" />
          </fieldset>
        </form>

   </div>
    );
}
const rootElement = document.getElementById("root");
ReactDOM.render(<App />, rootElement);

有时对我来说不需要受控的输入表单,尤其是当我有很多字段时,我可以使用这种方法发送没有 refs 和 state(onChange) 的表单,这是优化我的 React 应用程序的正常做法吗?

普拉萨德·梅斯塔

是的你可以。它是一种完全有效的语法,只要任何更改都不需要重新渲染,您就可以使用它(就像一个字段是否具有依赖性并更新或阻止任何操作,例如在字段值更改或模糊时显示错误消息)

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

我可以在没有JMS的情况下使用Camel和WMQ吗?

我可以在没有读卡器和物理卡的情况下使用Javacard吗?

我可以在没有结果后端的情况下组合链和组吗?

我可以在没有推送的情况下跟踪和提交吗?

我可以在没有互联网连接的情况下使用地理围栏和监视轨道吗?

我可以在没有 AWS lambda 的情况下使用 Alexa 技能提醒 API 和主动事件 API 吗?

我可以在没有 MERN Stack 的情况下使用 reactjs 和 mongodb

我们可以在没有雄辩的ORM的情况下使用Laravel表单绑定吗?

我可以在没有php.ini和.htaccess的情况下更改php会话参数吗?

我可以在没有输入的情况下使用ScalaMeter吗?

我可以在没有提交按钮或没有按Enter的情况下提交表单吗?

您可以在没有 css 的情况下使用 highcharts 删除特定的网格线和点标签吗?

可以在没有节点的情况下将react-native与Java和Tomcat一起使用吗?

没有setTimeout的情况下,具有focus()的ref响应不起作用(我的示例)

向量可以在没有额外分配的情况下进行移动和修改吗?

我可以在没有安卓模拟器的情况下使用flutter创建android和ios应用程序吗,只有flutter sdk和vscode和浏览器

在没有IOptions <T>的情况下从appsettings.json中读取和使用设置吗?

为什么在没有ref的情况下属性可以使用增量运算符

在没有Ref :: map的情况下将Ref返回到Rc <RefCell <>>内的某个内容

如何在没有多个根的情况下使用ref属性

是否可以在没有ReactJS的情况下使用RelayJS和GraphQL?

是否可以在没有服务器的情况下使用实体类和EntityManager?

Play 2.3.x是否可以在没有激活器(和maven)的情况下使用?

是否可以在没有QApplication的情况下使用QML和QtQuick?

是否可以在没有映射模板的情况下使用AppSync和GraphQL?

是否可以在没有桌面的情况下安装和使用cool-retro-term?

可以在没有输入字段的情况下使用标签吗?

我如何在没有laravel框架和npm的情况下使用laravel echo

在没有root的情况下使用chuser和stopudt