React 获取Input值

淡淡的烟草味﹌ 2022-12-25 02:57 178阅读 0赞

[react监听input框里的值][react_input]

[https://www.jianshu.com/p/d87bf644f9ff][https_www.jianshu.com_p_d87bf644f9ff]

/**
     * @name Home
     * @desc 首页
     */
    
    import React, { Component } from "react";
    import "./Index.css"; //引入页面css
    class Home extends Component {
      constructor(props) {
        super(props);
        //react定义数据
        this.state = {
          account: "",
          password: "",
        };
      }
      change(e) {
        console.log(e.target.value);
        //设置数据的值，用this.setState({})
        this.setState({
          account: e.target.value,
        });
      }
      changePassword(e) {
        console.log(e.target.value);
        this.setState({
          password: e.target.value,
        });
      }
      render() {
        return (
          <div className="wrap">
            <div className="login_box">
              <input
                type="text"
                defaultValue={this.state.account}
                placeholder="账号"
                onChange={this.change.bind(this)}
              />
              <input
                type="password"
                defaultValue={this.state.password}
                placeholder="密码"
                onChange={this.changePassword.bind(this)}
              />
            </div>
          </div>
        );
      }
    }
    
    export default Home;

[react_input]: https://www.cnblogs.com/luguankun/p/11013495.html
[https_www.jianshu.com_p_d87bf644f9ff]: https://www.jianshu.com/p/d87bf644f9ff

发表评论取消回复

表情：

评论列表（有 0 条评论，178人围观）

还没有评论，来说两句吧...

相关阅读

相关 React按键修改input框中的值

import React, { Component } from 'react'; class App extends Component {

心已赠人/ 2023年03月04日 10:25/ 0 赞/ 9 阅读

相关 React 获取Input值

[react监听input框里的值][react_input] [https://www.jianshu.com/p/d87bf644f9ff][https_www.jian

淡淡的烟草味﹌/ 2022年12月25日 02:57/ 0 赞/ 179 阅读

相关 vue获取input值的方法总结

1、v-model：使用v-model创建双向数据绑定, 用来监听用户的输入事件以更新数据 <template> <input

红太狼/ 2022年12月04日 09:13/ 0 赞/ 404 阅读

相关 React获取input值并提交的2种方法实例

方法一利用DOM提供的Event对象的target事件属性取值并提交 1 2 3 4 5 6 7 8 9 10 11 12

ゞ浴缸里的玫瑰/ 2022年10月15日 00:42/ 0 赞/ 114 阅读

相关 jQuery获取多种input值的方法

1 if($(“input\[name=item\]\[value=’val’\]”).attr(‘checked’)==true) //判断是否已经打勾 name即控件n

一时失言乱红尘/ 2022年08月04日 12:58/ 0 赞/ 206 阅读

相关 jQuery获取多种input值的方法

转自：http://www.cnblogs.com/qinzi/archive/2012/10/25/2738646.html 获取input的checked值是否为

亦凉/ 2022年06月01日 10:52/ 0 赞/ 252 阅读

相关获取li和input的值

1.获取li的值例： document.getElementById("test").getElementsByTagName("li"); test为ul的id名 li

矫情吗；*/ 2022年05月24日 02:42/ 0 赞/ 235 阅读

相关 js获取和设置＜input＞的值

<span style="font-size:18px;"><!doctype html> <html lang="en"> <head>

r囧r小猫/ 2022年04月17日 03:51/ 0 赞/ 356 阅读

相关获取input里面的值和给input赋值

1：先做好准备：创建一个MVC，再在MVC里面创建一个控制器，把接口的名称改为控制器的名称，然后在控制器里面建立一个不使用布局页的视图；创建的视图截图： ![在这里插

柔光的暖阳◎/ 2022年02月13日 13:45/ 0 赞/ 386 阅读

相关 uni-app 获取 input value 值

<template> <input type="text" v-model="search" :value="search" @input="message

古城微笑少年丶/ 2021年11月11日 08:22/ 0 赞/ 581 阅读